Изучение HTML: основы, тэги и атрибуты
HTML (HyperText Markup Language) - это стандартный язык разметки веб-страниц, используемый для создания содержимого и структуры веб-сайтов. HTML представляет веб-страницы в виде набора элементов, которые определяют содержание, макет и оформление страницы.
В HTML-документе каждый элемент обозначается тегом, заключенным в угловые скобки <>, следующего за которым идет содержимое элемента. Например, тег
определяет абзац текста, а - изображение.
Пример кода HTML:
Заголовок страницы
Заголовок первого уровня
Текст абзаца.
Тут:
- `` - объявление типа документа;
- `` - корневой элемент HTML-документа, содержащий все остальные элементы;
- `` - раздел заголовка страницы, в котором могут быть указаны метаданные, скрипты, стили и заголовки разделов;
- `
`</b> - заголовок веб-страницы, отображаемый в заголовке браузера;</li><li><b>`<meta>`</b> - элемент метаданных, который может содержать информацию о кодировке символов, описании страницы, ключевых словах и прочем;</li><li><b>`<body>`</b> - раздел тела страницы, содержащий текст, ссылки, изображения, таблицы и прочее;</li><li><b>`<h1>`</b> - заголовок первого уровня;</li><li><b>`<p>`</b> - абзац текста;</li><li><b>`<img>`</b> - изображение, которое загружается с указанного URL и отображается на странице. Может содержать альтернативный текст (значение атрибута <b>`alt`</b>) для случая, если изображение недоступно.</li></ul><p>Также существуют и другие HTML-элементы, такие как таблицы, списки, формы, кнопки и прочие. Их можно комбинировать для создания более сложной структуры страниц и функциональности сайта.</p><p>Пример кода, использующего таблицы и формы:</p><pre><code class="line-numbers"> <!DOCTYPE html> <html> <head> <title>Форма отправки сообщения Форма отправки сообщения
Тут:
- ` - элемент формы, который позволяет отправить данные на сервер. Может содержать элементы ввода, такие как текстовые поля, чекбоксы, радиокнопки и прочие;
- `action="send.php"` - адрес скрипта на сервере, который будет обрабатывать отправленные данные;
- `method="post"` - метод отправки данных на сервер;
- `
` - таблица, состоящая из строк и ячеек;
- `
` - ряд таблицы; - `
` - ячейка таблицы; - ` - описание поля ввода, которое отображается рядом с элементом;
- `for="name"` - связывает описание с именем поля ввода;
- `` - элемент ввода, который может быть разных типов, указанных в атрибуте type (text, email, password, checkbox и прочие);
- `type="submit"` - кнопка для отправки формы на сервер;
- `colspan="2"` - объединение двух ячеек таблицы в одну.
Похожие вопросы на: "th html "
- `