Последний отзыв
Удивительная книга. Как никогда актуальна сегодня. Язык и стиль автора настолько тонок, лёгок и изыскан, что легко поведёт читателя в мир героев, кото...
Далее
По всем вопросам обращайтесь на: info@litportal.ru
(©) 2003-2024.
✖
Основы языка HTML. Часть первая
Настройки чтения
Размер шрифта
Высота строк
Поля
В зависимости от того, где вы поставили закрывающий тег, отображение данных в браузере может быть различным.
Регистр букв в написании тегов не имеет значения, их можно вводить как большими, так и маленькими буквами. Например, <body>, <BODY> и <Body> будут восприняты браузером одинаково, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного текста документа.
Если по ошибке в теге указано ключевое слово, отсутствующее в языке HTML, то тег игнорируется целиком.
При работе с кодом HTML необходимо запомнить одно правило: если где-то в тексте программы встречается открывающий тег, обязательно должен присутствовать и закрывающий. Несоблюдение этого правила вызовет ошибку при обработке такого документа интерпретатором браузера.
Дополнительные пробелы, символы табуляции, добавленные в исходный текст HTML-документа для его лучшей читаемости, браузером игнорируется за исключением случаев, когда они помещены внутрь тэгов <PRE> и </PRE>.
Некоторые теги, например <HR>, являются непарными. Т.е. у них нет закрывающегося тега.
Атрибуты тегов
Открывающие теги часто могут содержать атрибуты, позволяющие расширить возможности тега. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть.
В общем случае такое выражение выглядит следующим образом:
<ТЕГ АТРИБУТ=«ЗНАЧЕНИЕ_1; „ЗНАЧЕНИЕ_2“; … ЗНАЧЕНИЕ_N»>
Например, <H1 ALIGN=«LEFT»>
Значения атрибутов заключаются в прямые кавычки (») и отделяются друг от друга пробелами или незаполненными строками.
Если внутри атрибута какого-либо тега встречается другое значение, заключенное в кавычки, то есть имеет место вложение одних кавычек в другие, в качестве внутренних кавычек рекомендуется использовать одинарные (»).
Кавычки в записи атрибутов можно и не использовать. В основном это относится для атрибутов, которые состоят из следующих символов:
– символов английского алфавита;
– цифр;
– промежутков времени;
– дефисов.
Тег может и не иметь атрибутов. Например, тег <HTML>. Также не имеют атрибутов и закрывающие теги.
Также следует отметить, что некоторые значения атрибутов могут выступать и в роли тегов. Например, запись <H1 ALIGN=«LEFT»> аналогична записи <H1> <LEFT>.
Классификация тегов HTML
Все теги HTML можно классифицировать на три основные категории:
– заголовочные, содержащие информацию о документе в целом: HEAD, TITLE, ISINDEX, BASE, META, LINK, SCRIPT, STYLE;
– блоковые, организующие структуру документа: H1, H2, H3, H4, H5, H6, ADDRESS, P, UL, OL, DL, PRE, DIV, CENTER, BLOCKQUOTE, FORM, ISINDEX, HR, TABLE;
– текстовые, включающие: Escape-последовательности (например, &); выражения разметки: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE; разметку шрифта: I, B, U, STRIKE, BIG, SMALL, SUB, SUP; специальные элементы: A, IMG, APPLET, FONT, BASEFONT, BR, SCRIPT, MAP; элементы формы: INPUT, SELECT, TEXTAREA.
Блоковые теги могут содержать как текстовые, так и другие блоковые теги, т.е. блоки могут быть вложенными. Текстовые элементы также могут быть вложенными. Но текстовые элементы не могут включать блоковые элементы.
Например, выражение <CITE> <H3> Текст </H3> </CITE> неверно (так как CITE – текстовый элемент, а H3 – блоковый элемент). Тогда как запись <H3> <CITE> Текст </CITE> </H3> правильная, хотя отдельные браузеры воспринимают это с трудом.
Единицы измерения
В языке HTML существует два способа задать линейные размеры элемента: пиксели и проценты. В CSS единиц длины гораздо больше.
Условно единицы измерения можно разделить на три группы.
Первая группа – это величины, которые используются для измерения длин реальных предметов. К ним относятся:
– in – дюймы;
– cm – сантиметры;
– mm – миллиметры.
Ко второй группе можно отнести величины, которые пришли в CSS из типографии. То есть они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. К ним относятся:
– pt – типографский пункт;
– pc – пика;
– ex – высота строчной буквы «x» в шрифте.
Третью группу составляют величины, которые являются относительными, то есть реальный размер элемента вычисляется относительно какой-либо иной величины. К ним относятся:
– em – вычисляется относительно размера шрифта элемента;
– px – пиксель;
– % – процент.
Сохранение и проверка HTML-документа
Работа над созданием страницы подразумевает три важных шага: во-первых, нужно ее правильно сохранить; во-вторых, убедиться в том, что в браузере вы видите то, что задумывалось; в-третьих, нужно проверить код на совместимость его со стандартами HTML.
Обычно для создания HTML-документов используется программа Блокнот. Для того чтобы документ можно было просмотреть в браузере его сохраняют под любым именем, указав расширение. HTM или. HTML.
Чтобы просмотреть созданный HTML-документ в окне браузера, необходимо выполнить следующие действия:
1. Открыть любой браузер (например, Internet Explorer);
2. В меню Файл браузера выбрать команду Открыть;
3. Нажать кнопку Обзор и выбрать нужный файл;
4. Щелкнуть мышью на кнопке ОК.
Другие электронные книги автора Дмитрий Кудрец
Последний отзыв
Удивительная книга. Как никогда актуальна сегодня. Язык и стиль автора настолько тонок, лёгок и изыскан, что легко поведёт читателя в мир героев, кото...
Далее