Краткий конспект по HTML Данный конспект содержит основную информацию о языке разметки HTML: что такое HTML, зачем он нужен, как используется. Также кратко описана струтктура HTML-документа, список основных тегов с описанием их назначения, перечень параметров данных тегов. 1. Что такое HTML HTML, он же HyperText Markup Languge - язык разметки гипертекста, используется для описания структуры содержимого веб-страниц, а именно, расположения элементов друг относительно друга, их внешнего представлния, их функций. Элементами веб-страницы могут быть заголовок, боковое меню, окошко поиска, странички с контентом, встроенное видео и т.д. HTML Определяет, как они будут отображаться (шрифт, размер, используемые стили), как они будут расположены на странице, как они будут взаимодействовать (ссылки, выпадающие списки, зависимые поля). Для красивого отображения элементов в HTML и страницы в целом обычно используеттся CSS (Cascading Style Sheets) - документ описания стилей. Также в веб- страницы можно встраивать динамические элементы, например, браузерные игры, перемещаемые пользовалелем окошки, кнопки со сложным поведением и т.д. Все это становится возможным благодаря использованию скриптов, написанных на JavaScript, которые также явно указываются в HTML-документе. Окончательный облик страницы формируется браузером после парсинга HTML-документа, описывающего эту страницу. В зависимости от браузера разные стили могут отображаться по- разному, а определенные элементы могут не поддерживатся некоторыми (обычно старыми или Explorer) браузерами. Все это надо учитывать при формировании HTML-документа. 2. Базовый синтаксис HTML Обычно HTML-разметка страницы содержится в файле index.html HTML документ состоит из тегов. HTML не чувствителен к регистру в имени тегов! Теги бывают с содержимым: и пустыми: . Теги можно вкладывать друг в друга:
Внутри тега можно задавать параметры или, что то же самое, атрибуты: Каждый HTML документ начинается с тега-декларации . Таким образом браузер понимает, что он читает именно HTML. Далее идет корневой тег , в который вложены все остальные теги -
. В нем находятся два тега и
Информация в body да Определяет тело документа (видимую область) 3. Тег
Тег
используется для описания метаинформации о веб странице (информация об информации). Эта информация не видна пользователю, а используется браузерами и поисковыми движками. Один из наиболее важных тегов, используемых в
это незакрывающийся . С его помощью можно задать используемую кодировку, добавить описание страницы, ключевые слова для поисковиков, имя автора. Для того, чтобы сделать веб-страницу адаптивной, т.е. чтобы она подстраивалась под разменры экрана устройства, нужно использовать viewport . Этот параметр обязательно надо добавлять для всех страниц (если конечно хотите сделать веб-страницу пригодной для использования в 2019+ году :-)). Внутри
можно задавать внутрениие стили для документа:
И внешние стили:
Также внутри
обычно указываются срипты:
Еще один тег - - используется для указания основного URL страницы, относительно которого разрешаются все остальные URL на странице:
4. HTML5 Layout HTML5 предоставляет набор тегов для удобной разметки стандартной структуры большинства страниц
Скачать 175.16 Kb.