Синтаксис гипертекстовой разметки. Теги. Атрибуты.
Прописные и строчные буквы при записи тегов не различаются. В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега:
<имя_тега [атрибуты]>
Прямые скобки, используемые в описании синтаксиса, означают, что данный элемент может отсутствовать. Имя закрывающего тега отличается от имени открывающего лишь тем, что перед ним ставится наклонная черта:
</имя_тега>
Атрибуты тега записываются в следующем формате:
имя[="значение"]
Кавычки при задании значения аргумента не обязательны и могут быть опущены. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.
Действие любого парного тега начинается с того места, где встретился открывающий тег и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, -- элементом.
Последовательность символов, составляющая текст, может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например, +, #, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсенд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.
К специальным символам можно отнести и неразрывный пробел. Использование этого символа -- один из способов увеличить расстояние между некоторыми словами в тексте. Обычные пробелы использовать для этих целей нельзя, так как группа подряд идущих пробелов интерпретируется браузером как один.
Каждая из таких зарезервированных последовательностей начинается символом амперсенда (&) и заканчивается точкой с запятой (;).
Последовательность | Символ |
< | символ < |
> | символ > |
& | символ & |
" | символ " (кавычка) |
| неразрывный пробел |
-
Содержание
- Компьютерные сети, как средство обмена информацией.
- Технология World Wide Web (www).
- Браузеры и их назначение. Google Chrome, Opera, Firefox, Safari, ie.
- Понятие веб-дизайна. Профессия веб-дизайнера
- Искусство веб-дизайнера. Необходимые навыки.
- Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- Этапы разработки web-сайта
- Основные языки веб-программирования. Клиентские и серверные языки.
- Синтаксис гипертекстовой разметки. Теги. Атрибуты.
- Структура html-документа
- Заголовок и тело html-документа Заголовок документа
- Тело документа
- Цветовое оформление документа
- Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- Логическое форматирование гипертекста
- Физическое форматирование
- Использование графики в html-документах
- Гиперссылки. Абсолютный и относительный url
- Списки в html. Виды. Общая характеристика.
- Нумерованные списки в html
- Маркированные списки в html
- Виды верстки веб-страниц. Общая характеристика.
- Табличная верстка в html.
- Блочная верстка в html.
- Выравнивание данных в ячейках. Align и valign
- Объединение ячеек в нтмl.
- Общее определение каскадных таблиц стилей css. Цель создания css
- Способы подключения css к документу
- Построение правила css. Виды селекторов Построение правила css
- Виды селекторов
- Наследование. Каскадирование. Приоритеты стилей css.
- Преимущества и недостатки css-вёрстки
- Классы элементов. Идентификаторы элементов.
- Подготовка иллюстраций для web. Gif. Jpeg.
- Общее понятие фреймов.
- Хостинг. Размещение сайта в Интернете.