Руководство по изучению HTML для новичков. Изучение структуры HTML-документов, форматирования текста, работы с графикой, ссылками, таблицами, формами и другими ключевыми элементами. Включает примеры кода и практические советы.
Этот самоучитель будет полезен всем, кто делает первые шаги в изучении HTML и хочет научиться создавать свои собственные веб-страницы. Он подойдет студентам, начинающим программистам, дизайнерам интерфейсов и любому человеку, интересующемуся созданием сайтов. Благодаря простым и понятным объяснениям, книга станет отличным помощником даже для тех, у кого нет опыта в программировании.
Глава 1: Первые шаги
Начинается с самого начала – как создать свой первый HTML-файл с помощью редактора Notepad++, чтобы сразу погрузиться в процесс создания веб-страниц.
Глава 2: Структура HTML-документа
Здесь разбирается базовая структура HTML-документа, включая такие важные элементы, как объявление типа документа (!DOCTYPE
), основной контейнер <html>
и разделы <head>
и <body>
. Отдельное внимание уделяется метатегам и подключению стилей и скриптов.
Глава 3: Разделение HTML-страницы на фрагменты
Фокусируется на правильном использовании заголовков, параграфов, блоков <div>
и семантической разметке для повышения удобочитаемости страниц и улучшения SEO.
Глава 4: Форматирование текста
Рассматриваются различные способы форматирования текста, включая специальные символы, переносы строк, стили выделения текста и применение логических тегов.
Глава 5: Списки
Руководство по созданию всех видов списков: маркированных, нумерованных и списков определений. Показаны методы создания вложенных списков и комбинаций разных типов списков.
Глава 6: Графика
Описываются три основных способа работы с изображениями на веб-странице: вставка обычных изображений с помощью тега <img>
, работа с векторными изображениями SVG и использование элемента <canvas>
для динамической графики.
Глава 7: Гиперссылки
Детально объясняется создание гиперссылок, включая внутренние ссылки, внешние ссылки, ссылки на электронные письма и телефонные номера.
Глава 8: Таблицы
Разбираются принципы построения таблиц в HTML, начиная с базовых элементов (заголовки, строки, ячейки) и заканчивая объединением ячеек для создания сложных макетов.
Глава 9: Формы
Показано, как создавать формы в HTML, включая различные типы полей ввода, кнопки, выпадающие списки и другие элементы форм.
Глава 10: Индикаторные элементы
Обсуждаются элементы <meter>
и <progress>
, используемые для отображения измерений и прогресса выполнения задач.
Глава 11: Аудио и видео
Пошагово рассказывается, как встроить аудиофайлы и видеоролики на веб-страницу с помощью соответствующих HTML-тегов.
Глава 12: Вставка JavaScript
Изучается интеграция JavaScript в HTML-документы, включая внутреннее размещение скриптов, подключение внешних файлов и инлайн-сценарии.
Глава 13: Универсальные параметры тегов
Рассказывает о стандартных атрибутах HTML-тегов, таких как id
, class
, style
и других, с подробным описанием их функций и способов применения.
Глава 14: Микроразметка и формат Schema.org
Завершает справочник раздел о микроразметке и стандарте Schema.org, который помогает улучшить видимость сайта в поисковых системах. Приводятся примеры использования микроразметки для рецептов, организаций и локального бизнеса.