Как следует из предыдущей главы, HTML является языком разметки задача которого — просто «размечать» текстовый документ используя теги, которые, в свою очередь, говорят веб — браузеру, как именно нужно отобразить данный документ.
Создание HTML документов
Для того, чтобы создать HTML документ необходимо:
- Открыть любой текстовый редактор (например блокнот, Notepad++ и т.д.);
- Набрать произвольный текст и разметить его HTML тегами;
- Cохранить файл с расширением .htm или .html.
Базовый документ HTML
Ниже приведен в своей простейшей форме пример HTML-документа:
Теперь вы можете воспользоваться кнопкой Попробуй сам, которая расположена в правом верхнем углу окна кода, для того, чтобы проверить результат этого HTML — кода, или сохраните код в HTML — файл test.html с помощью любого текстового редактора. И, наконец, откройте его с помощью веб — браузера, например Internet Explorer, Google Chrome или Firefox и т.д. Браузер должен показать следующий результат:
HTML теги
Как говорилось ранее, HTML это язык разметки, который использует различные теги для форматирования содержимого документа. Эти теги заключены в угловые скобки . За исключением нескольких тегов, большинство тегов имеют соответствующие им закрывающие теги. Например имеет свой закрывающий тег , а тег в свою очередь, имеет свой закрывающий тег
Инструментарий. Основные понятия.
Ступенька 1 — «Основной инструментарий, учимся работать руками».
Ступенька 2 — «Что такое тэги?».
Ступенька 3 — «Обязательные тэги. Зачем телу голова, а голове тело?»
Ступенька 4 — «Раскрась сам. Изменяем цвет текста».
Ступенька 5 — «Как изменять цвет фона страницы. Немного об этике цветов».
Ступенька 6 — «Параграфы и DIV. Учимся выравнивать текст».
Ступенька 7 — «Что такое заголовки и как задавать размер буковок».
Ступенька 8 — «Курсив, жирный текст, подчеркнутый и другие».
Ступенька 9 — «Стандартные шрифты. Как прописать свой шрифт».
Ступенька 10 — «Что такое путь? Как вставлять картинки».
Ступенька 11 — «Что можно сделать с картинкой. Картинка, как фон документа, и т.д.».
Ступенька 12 — «О любителе сосисок и принудительном прерывании обтекания текстом картинки».
Ступенька 13 — «Ссылка и как с нею бороться».
Ступенька 14 — «Ссылка на е-майл. Подсказка к текстовой ссылке».
Ступенька 15 — «Может ли картинка быть ссылкой».
Ступенька 16 — «Куда податься, на что ссылаться. Новое окно при нажатии на ссылку».
Ступенька 17 — «Карты. Как часть картинки сделать ссылкой».
Ступенька 18 — «Карты. Как часть картинки сделать ссылкой 2».
Ступенька 19 — «Карты. Как часть картинки сделать ссылкой 3».
Ступенька 20 — «Закладка. Как сделать ссылку внутри документа».
Ступенька 21 — «Учимся создавать таблицы».
Ступенька 22 — «Учимся создавать таблицы» продолжение.
Ступенька 23 — «Таблицы, вертикальное выравнивание (valign)».
Ступенька 24 — «Таблицы, учимся растягивать ячейки (rowspan, colspan)».
Ступенька 24-2 — «Дополнительная глава. Ответы на домашнее задание».
Ступенька 25 — «Таблицы, что такое cellspacing и cellpadding. Что делать с пространством».
Ступенька 26 — «Вложенные таблицы и некоторые нюансы».
Ступенька 27 — «О рамках таблиц, и брюзжание о таблицах напоследок».
Ступенька 28 — «Создаем простой сайт с таблицами».
Ступенька 29 — «Спецсимволы, или головная боль».
Ступенька 30 — «О линиях. Просто и полезно».
Ступенька 31 — «Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight».
Ступенька 32 — «О списках. Неупорядоченные списки».
Ступенька 33 — «Упорядоченные списки. Ремарка: что такое спецификация и консорциум».
Ступенька 34 — «Cпецифические тэги, бегущая строка текста».
Ступенька 35 — «Вступление. Зачем они (фреймы) нужны.»
Ступенька 36 — «Учимся создавать фреймы».
Ступенька 37 — «Учимся создавать фреймы» продолжение.
Ступенька 38 — «Учимся создавать фреймы» продолжение.
Ступенька 39 — «Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма».
Ступенька 40 — «При нажатии на ссылку документ открывается в другом фрейме, в полное окно».
Ступенька 41 — «Последняя глава о фреймах. Что такое IFrame».
В этом разделе я выложил своё руководство по HTML для начинающих изучение данного языка. Это руководство было составлено мною во время знакомства с основами языка HTML и периодически используются до сих пор. Я постарался сделать своё руководство по HTML простым и понятным. Ниже — содержание этого полезного документа.
