Основы языка HTML: тэги, атрибуты тэгов, комментарии. - презентация

1 Основы языка HTML: тэги, атрибуты тэгов, комментарии

2 HTML-документ – это обычный текстовый документ, содержащий специальные р рр разметочные указатели (тэги). HTML-файл имеет расширение.htm или.html

3 ТЭГИ Тэг Тэг –инструкция браузеру, указывающая способ отображения текста.

4 Например: Тэг всегда начинается со знака «меньше» ( ) Например: ПРАВИЛА ЗАПИСИ ТЭГОВ

5 ТЭГИ ТЕГ одиночный парный(контейнер) открывающий открывающий закрывающий закрывающий

6 СТРУКТУРНЫЕ ТЭГИ …, Всё содержимое файла Интернет-страницы заключается в контейнер …, указывающий браузеру, что данный текст представляет собой HTML-документ и, возможно содержит в себе тэги, которые браузер должен выявить, распознать, интерпретировать. Типичная Интернет-страница (HEAD)(BODY) Типичная Интернет-страница состоит из двух частей: заголовка (HEAD) и тела (BODY).

7 СТРУКТУРНЫЕ ТЭГИ Эту базовую структуру в простейшем виде можно наглядно показать следующим образом: начало контейнера HTML-документа начало контейнера заголовка начало контейнера строки – названия страницы …строка названия страницы конец контейнера строки – названия страницы конец контейнера заголовка начало контейнера тела страницы …тело (всё содержимое) страницы конец контейнера тела страницы конец контейнера HTML-документа

8 Указанная вами строка-название будет выводиться в заголовке окна браузера, когда данная страничка будет в нём просматриваться, а также (уже после размещения страницы в Интернете) в списках, выдаваемых поисковыми серверами. СТРУКТУРНЫЕ ТЭГИ

9 КОММЕНТАРИИ - такой полутэг используется для добавления комментариев на страничке, т. е. для полезных пояснений, которые не показываются в браузере. Пример: Заголовок Подзаголовок

10 ПРИМЕР HTML-ДОКУМЕНТА Моя первая Интернет-страничка! Моя первая Интернет-страничка! Это моя первая проба сил в Web-дизайне. Может быть, страничка пока еще получилась не очень красивой, но ведь она работает!!!

11 Тэги форматирования текста. отображает текст полужирным шрифтом. отображает текст курсивом отображает текст подчеркнутым шрифтом. и отображают текст, перечеркнутый горизонтальной линией. выводит текст шрифтом большего размера, чем непомеченная часть текста выводит заключенный в него текст шрифтом меньшего размера, по сравнению с остальной частью текста: сдвигает текст ниже уровня строки и выводит его шрифтом меньшего размера. Рекомендуется для печати математических индексов: сдвигает текст выше уровня строки и выводит его шрифтом меньшего размера. Этот тэг можно использовать для задания степеней чисел:

12 Теги управления внешним видом Web-страницы - отделяет абзацы друг от друга, ставится в конце абзаца. - начало новой строки. - горизонтальная линия во весь экран. / - заголовок документа. После буквы Н указывается вид заголовка от 1 до 6.

13 Тэг позволяет изменить шрифт, который использует браузер для просмотра Web-страницы. Тэг может иметь следующие параметры: FACE – задает название шрифта, которым будет выводится текст. SIZE – задает размеры шрифта в условных единицах от 1 (самого маленького) до 7 (самого большого). Принято считать, что шрифт нормального размера соответствует значению 3. COLOR – устанавливает цвет шрифта, который может задаваться с помощью стандартных имен или набором шестнадцатеричных цифр.

14 Списки Каждый элемент списка начинается тэгом В языке HTML предусмотрен специальный набор тэгов для представления информации в виде списков следующих типов: Маркированный ( ); Нумерованный ( / ); список определений ( / ). Термин. Его определение...