Читаем онлайн «Справочник HTML» 3 cтраница
- 12345 . . . последняя (15) »
174
ТЕГSPAN........................................................................... 175
ТЕГSTRONG•••••••••.••••••••••••••.•..•..•.••..•...•.•••.••••..••..••..•••••••••• 177
ТЕГSТYLE.......................................................................... 178
TEГSUB .....•..••..••.••..••.•••.•••..•••••••••••••••••••••••••.••••••••••••••••••• 180
ТЕГSUMMARY ...•.••.••...•••••••••••••••••••••.•••••••••••••••.••••.•••••••••.•. 180
ТЕГSUP •...•.............•..........•..•••••..••••.•••..•••.•••••..•••••••••••••••• 181
.....
Справочник НТМL
--'--------------'----ТЕГ TABLE ••••••••••••••••••••.••••••••••••••••••••••••.•••••••••••••••••••••••••••• 182
ТЕГ TBODY ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 185
ТЕГТD
•.....•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 186
ТЕГ TEXTAREA .................................................................... 192
ТЕГ TFOOT ......................................................................... 195
ТЕГТН
••••••••••••••••••••••••••••••••••••••••••••••••••••••••••.••••••••••••••••• 196
ТЕГ THEAD ......................................................................... 198
ТЕГ TIME ........................................................................... 198
ТЕГ TITLE ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 199
ТЕГТR
............................................................................ 201
ТЕГ TRACK ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 201
ТЕГU
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••.•• 203
TEГUL
............................................................................ 204
TEГVAR •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 206
ТЕГVIDEO •••••••••••.•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 207
TEГWBR ............................................................................ 209
ТЕГХМР ............................................................................ 210
Содержание
�
------
�
--
ЧАСТЬ 3. СЕМАНТИЧЕСКАЯ ВЕРСТКА НА HTML ......................... 213
3.1. БАЗОВЫЕ АБСТРАКЦИИ РАЗМЕТКИ. ВЕРСТКА
НА ОСНОВЕ БЛОКОВ DIV ........................................... 214
3.2. СЕМАНТИЧЕСКИЕ ТЕГИ HTML5. ВЕРСТКА НА ОСНОВЕ
СЕМАНТИЧЕСКОЙ РАЗМЕТКИ .................................... 216
3.3. ПРИМЕР СЕМАТИЧЕСКОЙ ВЕРСТКИ ................................. 222
3.3.1. Блок HEAD ..................................................................... 224
3.3.2. Блок HEADER ................................................................. 227
3.3.3. Блок SECTION - слайдер................................................ 231
3.3.4. Блок SECTION - Статьи и новости .................................. 233
3.3.5. Блок SECTION - видео ................................................... 235
3.3.6. Блок SECTION -Архив журнала ...................................... 237
3.3.7. Блок SECTION - подписка .............................................. 238
3.3.8. Блок FOOTER ................................................................. 239
ПРИЛОЖЕНИЕ 1. СТАНДАРТНЫЕ ЦВЕТА .................................. 244
ПРИЛОЖЕНИЕ 2. КОДЫ ЯЗЫКОВ ........................................... 267
ПРИЛОЖЕНИЕ 3. MIME-ТИПЫ ............................................... 273
5 HTML
Данная книга для удобства поделена на 4 части:
• В первой части рассмотрена общая структура НТМL
документа и даны основные понятия: НТМL-элементы, теги,
атрибуты, события;
• Во второй части в алфавитном порядке идет описание
справочник всех тегов HTML5;
• Третья часть расскажет о приемах семантической верстки базовые абстракции разметки, верстка на основе блоков div,
верстка на основе семантической разметки, приведен пример
семантической верстки главной страницы интернет-портала;
• Четвертая часть состоит из нескольких полезных
приложений: RGB и НТМL-значения для стандартного
цвета; коды языков, которые можно использовать в теге lang;
таблица соответствия расширений файлов МIМЕ-типов.
HTML
Часть 1.
Общая структура
НТМL-документа
�
- ШНТМL
Справочник НТМL
1" 1" Что такое HTML?
Сеть Интернет (World Wide Web) - сеть глобаль
ного пользования, и поэтому вся информация в
сети должна быть представлена на универсаль
ном языке, который понимали бы все пользо
ватели. Языком публикации, используемым в
World Wide Web, является HTML (Hyper Text
Markup Language - язык разметки гипертекста).
Техническую информацию об этом языке (его
спецификацию) на английском языке можно
найти на сайте World Wide Web Consorcium
wЗc.com.
Все интернет-сайты и интернет-страницы по сво
ей сути представляют собой НТМL-документы
или наборы html-документов. В простейшем
случае, htm!-документ хранится на сервере, и
при обращении к нему по адресу из браузера он
загружается и отображается в окне браузера. В
то же время существуют языки программирова
ния и скрипты, написанные на них, которые по
зволяют не хранить html-страницы на сервере, а
динамически формировать эти страницы исхо
дя из различных данных и действий
ТЕГSPAN........................................................................... 175
ТЕГSTRONG•••••••••.••••••••••••••.•..•..•.••..•...•.•••.••••..••..••..•••••••••• 177
ТЕГSТYLE.......................................................................... 178
TEГSUB .....•..••..••.••..••.•••.•••..•••••••••••••••••••••••••.••••••••••••••••••• 180
ТЕГSUMMARY ...•.••.••...•••••••••••••••••••••.•••••••••••••••.••••.•••••••••.•. 180
ТЕГSUP •...•.............•..........•..•••••..••••.•••..•••.•••••..•••••••••••••••• 181
.....
Справочник НТМL
--'--------------'----ТЕГ TABLE ••••••••••••••••••••.••••••••••••••••••••••••.•••••••••••••••••••••••••••• 182
ТЕГ TBODY ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 185
ТЕГТD
•.....•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 186
ТЕГ TEXTAREA .................................................................... 192
ТЕГ TFOOT ......................................................................... 195
ТЕГТН
••••••••••••••••••••••••••••••••••••••••••••••••••••••••••.••••••••••••••••• 196
ТЕГ THEAD ......................................................................... 198
ТЕГ TIME ........................................................................... 198
ТЕГ TITLE ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 199
ТЕГТR
............................................................................ 201
ТЕГ TRACK ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 201
ТЕГU
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••.•• 203
TEГUL
............................................................................ 204
TEГVAR •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 206
ТЕГVIDEO •••••••••••.•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• 207
TEГWBR ............................................................................ 209
ТЕГХМР ............................................................................ 210
Содержание
�
------
�
--
ЧАСТЬ 3. СЕМАНТИЧЕСКАЯ ВЕРСТКА НА HTML ......................... 213
3.1. БАЗОВЫЕ АБСТРАКЦИИ РАЗМЕТКИ. ВЕРСТКА
НА ОСНОВЕ БЛОКОВ DIV ........................................... 214
3.2. СЕМАНТИЧЕСКИЕ ТЕГИ HTML5. ВЕРСТКА НА ОСНОВЕ
СЕМАНТИЧЕСКОЙ РАЗМЕТКИ .................................... 216
3.3. ПРИМЕР СЕМАТИЧЕСКОЙ ВЕРСТКИ ................................. 222
3.3.1. Блок HEAD ..................................................................... 224
3.3.2. Блок HEADER ................................................................. 227
3.3.3. Блок SECTION - слайдер................................................ 231
3.3.4. Блок SECTION - Статьи и новости .................................. 233
3.3.5. Блок SECTION - видео ................................................... 235
3.3.6. Блок SECTION -Архив журнала ...................................... 237
3.3.7. Блок SECTION - подписка .............................................. 238
3.3.8. Блок FOOTER ................................................................. 239
ПРИЛОЖЕНИЕ 1. СТАНДАРТНЫЕ ЦВЕТА .................................. 244
ПРИЛОЖЕНИЕ 2. КОДЫ ЯЗЫКОВ ........................................... 267
ПРИЛОЖЕНИЕ 3. MIME-ТИПЫ ............................................... 273
5 HTML
Данная книга для удобства поделена на 4 части:
• В первой части рассмотрена общая структура НТМL
документа и даны основные понятия: НТМL-элементы, теги,
атрибуты, события;
• Во второй части в алфавитном порядке идет описание
справочник всех тегов HTML5;
• Третья часть расскажет о приемах семантической верстки базовые абстракции разметки, верстка на основе блоков div,
верстка на основе семантической разметки, приведен пример
семантической верстки главной страницы интернет-портала;
• Четвертая часть состоит из нескольких полезных
приложений: RGB и НТМL-значения для стандартного
цвета; коды языков, которые можно использовать в теге lang;
таблица соответствия расширений файлов МIМЕ-типов.
HTML
Часть 1.
Общая структура
НТМL-документа
�
- ШНТМL
Справочник НТМL
1" 1" Что такое HTML?
Сеть Интернет (World Wide Web) - сеть глобаль
ного пользования, и поэтому вся информация в
сети должна быть представлена на универсаль
ном языке, который понимали бы все пользо
ватели. Языком публикации, используемым в
World Wide Web, является HTML (Hyper Text
Markup Language - язык разметки гипертекста).
Техническую информацию об этом языке (его
спецификацию) на английском языке можно
найти на сайте World Wide Web Consorcium
wЗc.com.
Все интернет-сайты и интернет-страницы по сво
ей сути представляют собой НТМL-документы
или наборы html-документов. В простейшем
случае, htm!-документ хранится на сервере, и
при обращении к нему по адресу из браузера он
загружается и отображается в окне браузера. В
то же время существуют языки программирова
ния и скрипты, написанные на них, которые по
зволяют не хранить html-страницы на сервере, а
динамически формировать эти страницы исхо
дя из различных данных и действий
- 12345 . . . последняя (15) »