Язык HTML. Виды и свойства тегов. Стандартная структура HTML документов. 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Язык HTML. Виды и свойства тегов. Стандартная структура HTML документов.



Разработан в Европе в 80х

Hyper Text Markup Language - язык разметки для форматирования web страниц.

< > - выделяют служебные элементы языка – теги, задают форматирование, вставляются ссылки на изображения, таблицы, гипертекстовые ссылки.

Свойства тегов.

1)Имя, любой регистр, не влияет <html>

Теги м.б контейнерные и одиночные.

(< > - открывающий тег, </> - закрывающий)

Одиночные теги не имеют области действия (т.е нет закрытого тега)

Области действия контейнерных тегов нельзя делать пересекающимися.

2)Параметры\атрибуты тега –настройки

2.1 Обязательные(<img src = “logo.gif”>)

2.2 Необязательные

Чередование атрибутов в теге прозивольное. В именах атрибутов регистр безразличен, а в их значения – учитывается.

Структура стандартного HTML документа.

<HTML>

<HEAD> - секция заголовка (задание настроек)

<TITLE>.....</title> - отображаемый заголовок страницы

</head>

<BODY> - контент

..................

</body>

</html>

Состав секции HEAD HTML-документа

HEAD-раздел документа определяющий его заголовок

внутри секции могут содержаться следующие теги:

1)<title>-элемент, кот. задаёт название страницы, отображаемое в заголовке окна браузера

2)<meta>-одиночный тег, через него добавляется странице мета-информация(для браузеров и поисковых систем)

content устанавливает значение параметра, заданного с помощью name или http-equiv, обязательный

name – имя метатега

=author имя автора документа

=description описание текущего документа

=keywords список ключевых слов, встречающихся на странице

http-equiv-предназначен для конвентирования метатега в заголовок http

3)<base> задаёт базовый адрес документа; одиночн. тег атрибутн

href –адрес, который должен использоваться для указания полного пути к файлам

target-имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке

4)<link>-устанавливает связь с внешним документом одиночный тег

атрибуты

charset-кодировка связываемого документа

href-путь к связываемому файлу

media-определяет устройство, для которого следует применить стилевое оформление

rel-определяет отношение между текущим документом и файлом, на который даётся ссылка

5)<style>-элемент, с помощью которого в документ вставляется таблица стилей CSS

атрибуты:

media-определяет устройство вывода, для работы с которым предназначена таблица стилей

type-сообщает браузеру, какой синтаксис использовать чтобы правильно интерпретировать стили

6)<script> -элемент, который используется для внедрения javascript сценариев в HTML-документ

Теги разметки текста

Тег <body> используется для того, чтобы определить начало и конец WEB - документа. Информацию, которую нужно выводить на странице, нужно помещать в контейнер <body>. Например, тексты, изображения, разметку страницы, скрипты и т.д.

Тег <font> используется для определений характеристик текста.

color - устанавливает цвет текста.

face - устанавливает гарнитуру шрифта.

size - устанавливает размер шрифта.

Тег <i> придает тексту курсивное начертание.

<b>...</b> жирный текст

В тексте нельзя использовать символы:<>”&©, вместо них &lt, &gt, &qout, &copy, &amp

Игнорируются лишние пробелы между словами

Для отступов используется &absp, - один пробел

Все теги форматирования делятся на две группы:

Теги уровня блока (могут быть контейнерами для других тегов уровней 1 и 2)

Теги уровня текста (контейнеры других тегов уровня 2)

<p>...</p> тег разбивки на абзацы

<b>...</b> жирный текст

Н1-Н6 – тег заголовка (Н1 самый большой, Н2 самый маленький)

DL, UL, LI – теги списков

HR – горизонтальная разделительная линия

Div – тег задаёт объединение элементов в блок, к которому будут применяться одни правила

Center – центральное выравнивание

A)Теги физического форматирования текста задают однозначное представление элемента текста

B) Теги логического форматирования задают смысл назначенного текста, внешний вид который может отличаться в различных браузерах

 



Поделиться:


Последнее изменение этой страницы: 2017-02-19; просмотров: 159; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.129.45.92 (0.004 с.)