Урок 2. Элементы HTML - скачать презентацию

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать Урок 2. Элементы HTML. Презентация содержит 14 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Урок 2. Элементы HTML

Слайд 2

Описание слайда:

HTML документы представляют собой текстовые файлы, состоящие из HTML элементов. HTML элементы определяются с помощью HTML-тэгов.

Слайд 3

Описание слайда:

Тэги HTML HTML-тэги используются для разметки HTML элементов HTML-тэги окружены двумя символами < и > Окружающие символы называют угловыми скобками HTML-тэги, как правило, используются парами как <b> и </b> Первый тэг в паре - тэг начала, второй тэг - конечный тэг Html-тэги не чувствительны к регистру, <b> означает то же самое что и <B> Примечание: Тэг начала обычно называют открытым тэгом, а конечный тэг закрытым.

Слайд 4

Описание слайда:

Элементы HTML HTML элемент начинается с начального тэга Содержанием элемента будет всё между начальным тэгом и конечным тэгом HTML элемент заканчивается конечным тэгом У некоторых HTML элементов нет содержания У некоторых HTML элементов нет конечного тэга Примечание: HTML элементы довольно часто называют контейнерами.

Слайд 5

Описание слайда:

Помните наш первый HTML пример <html> <body> <p>Это моя первая страница.</p> <b>Этот текст выделен полужирным шрифтом</b> </body> </html> Данный выше пример, содержит в себе 4 элемента.

Слайд 6

Описание слайда:

Пустые HTML элементы HTML элементы без содержания, называются пустыми элементами. Пустые элементы не имеют конечного тэга. <br> является пустым элементом, без закрывающего тэга. В XHTML, XML, а также в будущей версии HTML, все элементы должны быть закрыты. Добавление черты в начальном тэге, как <br />, является надлежащим способом закрытия пустых элементов, принятый в HTML

Слайд 7

Описание слайда:

Урок 3. Основные HTML тэги

Слайд 8

Описание слайда:

Самые важные тэги в HTML - тэги, которые определяют заголовки, параграфы и окончания строк. Лучший способ изучить HTML состоит в том, чтобы работать с примерами.

Слайд 9

Описание слайда:

Заголовки Заголовки определяются с помощью тэгов от <h1> до <h6>. Тэг <h1> определяет наибольший заголовок, а <h6> наименьший. <h1> Это - заголовок </h1> <h2> Это - заголовок </h2> <h3> Это - заголовок </h3> <h4> Это - заголовок </h4> <h5> Это - заголовок </h5> <h6> Это - заголовок </h6> Браузер автоматически добавляет дополнительную пустую строку до и после заголовка.

Слайд 10

Описание слайда:

Параграфы Параграфы определяются тэгом <p>. <p> Это - параграф </p> <p> Это - другой параграф </p> Браузер автоматически добавляет дополнительную пустую строку до и после параграфа.

Слайд 11

Описание слайда:

Комментарии в HTML Тэг комментария используется, чтобы вставить комментарий в исходный текст HTML. Комментарий будет проигнорирован браузером. Вы можете использовать комментарии, чтобы объяснить Ваш код, это может помочь вам, когда вы будете редактировать исходный текст позднее. Отметьте, что Вам необходимо поставить восклицательный знак после скобки открытия, но не перед закрывающей угловой скобкой.

Слайд 12

Описание слайда:

Подведем итоги… У каждого элемента HTML есть своё название (body [тело], h1 [заголовок], p [параграф], br [конец строки]) В начале тэга имя окружено угловыми скобками: <h1> В конце тэга черта и имя окружены угловыми скобками: </ h1> Содержание элемента находится в промежутке между начальным тэгом и конечным тэгом Некоторые HTML элементы не имеют содержания Некоторые HTML элементы не имеют конечного тэга

Слайд 13

Описание слайда:

Изученные основные HTML-тэги

Слайд 14

$Практическое задание на сегодня Находится в папке «Сетевое окружение\Мои задания на Main\Задание по тегам HTML» Вопросы??? Начинайте работу за компьютерами!$

Описание слайда:

Практическое задание на сегодня Находится в папке «Сетевое окружение\Мои задания на Main\Задание по тегам HTML» Вопросы??? Начинайте работу за компьютерами!