10
Если вы задаетесь вопросом, что такое HTML, у нас есть для вас ответ. Этот термин часто встречается в контексте веб-дизайна.
Что такое HTML: язык разметки для структуры вашего веб-сайта
Термин «HTML» означает «Hypertext Markup Language», что в переводе на русский язык означает «язык разметки гипертекста». Это формат, в котором пишутся веб-страницы.
- В HTML-файле создатель веб-сайта пишет текст веб-сайта. С помощью HTML-файла можно структурировать и форматировать текст (например, размер и шрифт). Кроме того, с помощью HTML вы можете добавлять ссылки на другие веб-сайты или дополнять свой текст изображениями, видео или фоновым звуком.
- Браузеры, такие как Chrome, Firefox, Safari или Internet Explorer, считывают HTML-файл за доли секунды и затем отображают его в графическом виде.
- Как правило, HTML-файлы больше не пишутся самостоятельно. Эта работа берется на себя графическим интерфейсом для операторов веб-сайтов — например, с помощью систем управления контентом, таких как WordPress или Typo3.
- Совет: щелкните правой кнопкой мыши в свободной области этого веб-сайта и выберите опцию «Сохранить как» или «Сохранить страницу как». Затем вы можете скачать HTML-файл этого веб-сайта и просмотреть чистый код в редакторе. Помимо отдельных слов, вы всегда найдете команды для ссылок или изображений.
Взаимодействие с CSS и JavaScript
Раньше веб-страницы полностью программировались на HTML. В связи с растущей динамичностью многих интернет-страниц в современном веб-дизайне дополнительно утвердился CSS, который отличается от HTML.
- Поэтому HTML теперь служит только для структурирования веб-сайта. Например, вы определяете, должен ли текст отображаться в виде заголовка или обычного текста.
- В связанном CSS-файле вы затем определяете, какой формат должен иметь такой абзац текста. CSS (Cascading Style Sheets) отвечает за дизайн: цвета, расстояния, макеты или шрифты.
- JavaScript привносит интерактивность: анимацию, ввод данных в формы или динамический контент.
- Вместе HTML, CSS и JavaScript образуют «магический треугольник» современного веб-дизайна. HTML всегда является фундаментом, на котором строится все остальное.
Структура HTML-документа, теги и атрибуты
HTML-документ имеет четкую структуру. Он состоит из двух основных частей: заголовка (
) и тела ().- В заголовке содержится информация, которая не отображается непосредственно на веб-странице, например, заголовок, метаданные или ссылки на внешние файлы CSS и JavaScript.
- В области тела находится собственно содержание: тексты, изображения, заголовки, списки или ссылки.
- HTML работает с так называемыми тегами (также называемыми «элементами»). Теги пишутся в острых скобках, например
для абзаца или для ссылки. Чаще всего они встречаются в виде начального и конечного тега , которые охватывают соответствующее содержимое.
- Кроме того, теги могут содержать атрибуты, которые предоставляют дополнительную информацию. Например, атрибут href указывает, куда ведет ссылка.
