Именно с HTML начинается волшебство дизайна сайтов. Язык гипертекстовой разметки — это простой и элегантный способ структурирования контента.
В этих уроках используется HTML5. Возможно, вы слышали об этом. Это классное модное словечко, которое дети используют на игровой площадке. Если вы не знаете, что это означает, не волнуйтесь ─ просто знайте, что это лучший, самый современный способ использования HTML.
Урок HTML для начинающих
Пошаговое руководство по основам HTML. Если вы совершенно новичок в веб-дизайне, начните здесь.
Содержание
- Начало работы: что вам нужно сделать, чтобы начать работу и создать свою первую HTML-страницу?
- Теги, атрибуты и элементы: материал, из которого состоит HTML.
- Названия страниц: как яхту назовёшь, так она и поплывёт…
- Абзацы: структурирование вашего контента с помощью абзацев.
- Заголовки: 6 уровней заголовков.
- Списки: как задать нумерованные и маркированные списки?
- Ссылки: как создавать ссылки на другие страницы?
- Изображения: добавление чего-то большего, чем текст…
- Таблицы: как использовать табличные данные?
- Формы: текстовые поля и другие штуковины пользовательского ввода.
- Собрать всё это воедино: объединяем всё вышеперечисленное. Что-то вроде краткого изложения.
Справились. Молодцы. Идём на уровень Intermediate.
Продвинутый урок HTML
Несколько секретов HTML, которые могут быть полезны как начинающим, так и продвинутым пользователям.
Содержание
- Span и Div: “бессмысленные” элементы, используемые в CSS.
- Текст: сокращения, цитаты и код.
- Мета-теги: закрепление дополнительной информации о вашей веб-странице.
- Таблицы: rowspan и colspan: расширение страницы таблиц в руководстве для начинающих по HTML, просмотр ячеек заголовка и объединение ячеек.
- Списки описаний: Забытые списки.
- Текст: адреса, определения, двунаправленный и редакторский.
- Разделение на разделы: расширенные семантические структуры для документов.
Вперёд — к вершинам HTML!
Внушительный урок по HTML
Доведение HTML до полного соответствия стандартам его семантического потенциала.
Содержание
- Текст: время, пометка и “Презентация”: ещё больше тегов для специфичных текстовых элементов
- Условные комментарии: нацелены на неумелые и неправильно работающие старые браузеры
- Таблицы: столбцы, верхние и нижние колонтитулы
- Доступные ссылки: делаем гипертекст более доступным для пользователей с ограниченными возможностями
- Доступные формы: делаем формы более доступными для пользователей с ограниченными возможностями
- Формы HTML5, раздел 1: Типы ввода: более конкретные поля формы
- Формы HTML5, раздел 2: Атрибуты и списки данных: расширение семантики ввода и текстовой области
- Встроенный контент: видео, аудио и холст
Страницы в тему:
