Минимальная информация, которую нам нужно знать о HTML
HTML-файл, как и человек, будет состоять из двух основных элементов: головы head
и тела body
. Упомянутые элементы всегда будут размещаться в элементе html
, определяющем начало и конец HTML-документа.
В дополнение к вышеупомянутым элементам каждый документ HTML должен иметь строку кода, которая будет информировать веб-браузер о версии языка HTML, на котором был написан документ HTML. А тут можно пройти тест и подготовиться к нему тесты по html.
В настоящее время рекомендуется использовать декларацию HTML5, поскольку HTML 5 — это язык будущего, который становится все более и более популярным. Мы всегда размещаем это объявление в начале каждого HTML-документа. Синтаксис объявления языка HTML5 следующий:
Наш заранее подготовленный файл page.html открываем с помощью Notepad++ , а затем помещаем в него вышеперечисленные элементы : html
,,head
body
и объявление языка HTML5, которое было представлено в HTML-коде, размещенном ниже:
Как мы видим в коде HTML выше, HTML состоит из различных тегов, у которых есть начало, например, и конец, например
. Между началом и концом этих тегов мы можем разместить другие теги, а также содержимое, которое должен иметь тег (например, текст).
Есть группа тегов, которые составляют «целые», т.е. не требуют закрывающего тега (того, который имеет знак /
и имя тега). Мы не можем включать другие теги в этот тип тега. Вышеупомянутые теги, которые не имеют закрывающего тега, включают, но не ограничиваются:
- благодаря этому мы можем прикрепить картинку к нашему сайту
- с его помощью мы можем разорвать строку в тексте (указать место перехода на следующую строку)
С этого момента вместо слова «тег» я буду использовать слово «элемент», что облегчит нам понимание некоторых правил, управляющих файлами HTML и CSS.
Мы возвращаемся к нашему коду, который мы разместили в нашем HTML-файле, а именно:
Главный элемент HTML-документа — это элемент html
, определяющий начало и конец HTML-документа. В html
элементе есть еще два важных элемента, т. е. элемент head
и элемент body
.
- элемент head — этот элемент образует головную часть HTML-документа, в которой мы можем разместить важные HTML-элементы для HTML-документа. Для нас наиболее интересным HTML-элементом будет тот элемент, в котором мы сможем размещать правила CSS, или элемент, благодаря которому мы сможем прикрепить к HTML-документу внешний файл CSS с правилами CSS. Благодаря вышеупомянутым правилам CSS мы будем иметь влияние на стиль внешнего вида каждого HTML-элемента в данном HTML-документе.
- элемент body — этот элемент образует основную часть HTML-документа, в которой мы можем размещать HTML-элементы, формирующие внешний вид веб-сайта и чей внешний вид можно изменить с помощью правил CSS.
Ниже находится тот же HTML-код, но с комментариями, описывающими различные части HTML-документа.