HTML Основы


HTML Расширенный


HTML Примеры


HTML Справка



HTML-верстка: инструменты и приемы профессиональной front-end разработки

Примеры HTML


Примеры использования основных тегов HTML

Простой html-документ
Отображение текста в параграфах
Еще примеры с параграфами
Переход на новую строку(тег br)
Проблемы со стихами(трудности html-форматирования)
Заголовки
Заголовки, выровненные по центру
Горизонтальная линия
Комментарии в html-коде
Изменение цвета фона


Форматирование текста в HTML

Форматирование текста
Предварительно отформатированный текст
Теги для отображения программного кода
Вставка адреса
Аббревиатуры и акронимы
Направление написания текста
Длинные и короткие цитаты
Удаленный и вставленный текст


Ссылки

Вставка ссылки
Изображение как ссылка
Открытие ссылки в новом окне браузера
Переход в другое место (в открытом документе)
Отмена фреймов
Ссылка на отправку почты (mailto)
Еще один вид ссылки на почту


Фреймы

Вертикальный фрейм из 3-х документов
Горизонтальный фрейм из 3-х документов
Использование тега <noframes>
Фрейм из колонок и строк
Использование атрибута noresize
Фрейм-навигация
Строчный фрейм (фрейм в html-документе)
Переход к определенному месту документа
Переход к определенному месту документа с помощью фрейма-навигации


Таблицы

Простая таблица
Виды рамок таблицы
Таблица без рамок
Заголовки в таблице
Пустые ячейки таблицы
Название таблицы
Ячейки из нескольких колонок/строк
Теги в таблице
Cell padding (отступ между контентом и рамкой таблицы)
Cell spacing (отступ между ячейками таблицы)
Фон таблицы
Фон ячейки таблицы
Выравнивание содержимого ячейки
Атрибут frame
Атрибуты frame и border


Списки

Неупорядоченный список
Упорядоченный список
Виды неупорядоченных списков
Виды упорядоченных списков
Вложенный список
Вложенный список 2
Список определений


Формы и ввод информации пользователем

Создание полей ввода
Создание поля ввода пароля
Множественный выбор (checkbox)
Переключатель (radiobutton)
Простой выпадающий список выбора
Выпадающий список с выбранным значением
Поле ввода текста
Создание кнопки
Поля ввода данных с рамкой и названием
Поле ввода с кнопкой подтверждения
Множественный выбор и кнопка подтверждения
Переключатель и кнопка подтверждения
Отправка e-mail с помощью формы


Изображения

Вставка изображения
Вставка изображения из нелокальных источников
Фоновое изображение
Выравнивание изображения относительно текста
«Всплывание» изображения вправо/влево относительно текста
Изменение размера изображения
Альтернативный текст (используется при ошибке загрузки изображения)
Изображение как ссылка
Карта изображения


Фон (фоновое изображение)

Удачное сочетание фона и текста
Неудачное сочетание фона и текста
Удачное фоновое изображение 1
Удачное фоновое изображение 2
Неудачное фоновое изображение


Стили

Стиль в разделе <HEAD> документа
Ссылки без подчеркивания
Ссылка на внешний файл стиля


Раздел <head>

Изменение заголовка страницы
Атрибут target для всех ссылок на странице.


Раздел <meta>

Описание документа
Ключевые слова документа
Перенаправление пользователя на другой URL


Скрипты

Вставка скрипта
Использование тега <noscript>


СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта