Структура html файла, основные тэги
Структура языка html
HTML (HyperText Markup Language) – это язык гипертекстовой разметки, принятый в World Wide Web для создания и публикации Web -страниц. Любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками, называемыми тегами. Элементы — это структуры, которые описывают отдельные составляющие HTML-документа. Элементы должны либо следовать друг за другом, либо быть вложены один в другой. Теги не являются средствами обработки текста, а могут лишь указать способ его форматирования. НТML- теги делятся на блоковые теги и теги-вставки. Блоковые теги обязательно имеют:
Ø открывающею часть;
Ø содержимое, которое состоит из текста и других html- тегов;
Ø закрывающую часть.
Тег — это специальный текст, заключенный в угловые скобки <Р > текст абзаца</P>. Закрывающий тег </P> имеет то же имя, что открывающий тег <Р >, но начинается с косой черты "/". В некоторых случаях закрывающий тег можно пропустить. Например, закрывающие теги </P>,</IMG> не является обязательными. поскольку начало очередного абзаца или рисунка означают конец предыдущего: Однако для корректной работы документа рекомендуется указывать конечный тег элемента даже в тех случаях, когда стандарт позволяет его опустить. Некоторые элементы, такие, как BR (новая строка), не имеют конечного тега, поскольку не имеют содержимого. Информация, заключенная между открывающим и закрывающим тегами называется его контейнером.
|
|
|
Теги – вставки имеют только открывающую часть, в которой объявляется путь к содержимому данного тега. Содержимое и закрывающая часть отсутствуют.
Большинство тегов блоковые. С их помощью формируется логическая структура html – документа, которая представлена в виде системы вложенных друг в друга контейнеров. Согласно этой структуре написание блоковых тегов должно быть обязательно таким, чтобы вложенные теги обязательно открывались и закрывались внутри внешних.
Типичный html-документ представляет собой текстовый файл, с определенными инструкциями для браузера –тегами. Тег нужен для того, чтобы сообщить браузеру какой элемент должен быть на месте тега или какого типа информация заключена внутри него. Тег является основой языка HTML. Он несет в себе определенную информацию, может описывать документ в общем.
Кроме того, теги показывают, как следуют отображать информацию. Для этого используются атрибуты. Атрибуты сообщают браузеру каким образом должен отображаться тот или иной элемент страницы. Они позволяют сделать более разнообразным внешний вид информации, добавляемых с помощью одинаковых тегов.
|
|
|
<Р align= «left»> Выравнивание по левому краю</P>
<Р align= «right»> Выравнивание по правому краю</P>
Атрибуты элемента определяют его свойства. Например, элемент IMG (графический образ) имеет атрибут src, указывающий расположение графического файла, и атрибут alt, задающий альтернативный текст на тот случай, если обозреватель не отображает графику:
<IMG src="mylogo.gif" alt="Юрий Лукач">
Атрибуты всегда включаются в начальный тег элемента и имеют вид:
имя_атрибута= "значение_атрибута"
Значение атрибута может быть заключено в одинарные или двойные кавычки. Кавычки можно опустить, если значение атрибута состоит только из латинских букв (A-Za-z), цифр (0-9), дефисов ("-"), подчеркиваний ("_"), двоеточий (":") и точек (".").Имена атрибутов могут быть набраны в любом регистре, но их значения могут зависеть от регистра. Мы для определенности всюду в дальнейшем пишем имена элементов прописными буквами, а именами атрибутов строчными.
Комментарии
HTML-документы могут содержать комментарии, которые не влияют на отображение документа, а только поясняют его содержимое при просмотре HTML-текста. Комментарии в HTML имеют довольно сложный синтаксис, поэтому мы рекомендует следовать следующим четким правилам:
|
|
|
начинайте комментарий с символов "<!--",
завершайте комментарий символами "-->",
не используйте внутри комментария символов "--".
Пример комментариев:
<!-- это комментарий -->
<!-- а вот еще комментарий,
занимающий более одной строки -->
Структура html файла, основные тэги
В каждом html-документе есть обязательный набор тэгов, совокупность которых представляет собой каркас html-документа.
<html>
<head>
….
</head>
<body>
…
</body>
</html>
В каркасе представлены два основных блока: <head></head> и <body></body>. Парный тэг <body> служит для размещения самого контента веб-страницы, в нем могут быть размещены при помощи других тэгов текст, изображения, анимация.
HTML предоставляет авторам средства для:
Ø включения в Web-документы заголовков, текста, таблиц, списков, фотографий и т. п.;
Ø перехода к другим Web-страницам посредством щелчка кнопки мыши по гипертекстовой ссылке;
Ø создания и заполнения форм для связи с удаленными службами, например, для поиска информации, бронирования билетов, оформления заказов на товары и т. п.
|
|
|
Ø непосредственного включения в Веб-документы видеоклипов, звука и других внешних объектов.
Фактически, современная Веб-страница формируется с помощью трех языковых средств:
язык HTML используется для задания логической структуры документа (заголовки, абзацы, графические изображения и прочие объекты);
язык каскадных стилей CSS используется для задания способа отображения документа (цвета текста и фона, шрифты, способы выравнивания и позиционирования отдельных объектов на странице и т. п.);
языки программирования сценариев (чаще всего JavaScript) используются для написания сценариев, т. е. небольших программ, которые исполняются обозревателем в процессе отображения документа и обеспечивают его динамическое изменение в ответ на различные события.
Дата добавления: 2019-01-14; просмотров: 226; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!