Из чего состоит страница HTML?

Основные знания языка HTML нужны абсолютно всем вебмастерам и блоггерам. Если не разбираться в том, из чего состоит страница HTML, вы можете испытывать трудности при оптимизации, монетизации и оформлении своего ресурса. Помимо этого, при возникновении различных проблем, вы просто не будете знать, как их разрешить.

На полноценное обучение гипертекста HTML вам потребуется потратить довольно много времени, но это не будет лишним. Основа сайтостроения – это изучение HTML, вы должны понимать из каких составных частей создается каждая страница вашего ресурса. Если вам кажется это слишком сложным, давайте рассмотрим небольшой пример.

Как изучить HTML?

Пример, который мы вам представим, поможет вам разобраться в самых простых элементах страницы, рассказать о всех особенностях гипертекстовой разметки в одной статье невозможно, поэтому мы постараемся рассказать вам хотя бы немного, чтобы вам было проще начать.

Для примера мы взяли код обычной страницы в HTML:

Для удобства мы отметили каждую строчку цифрой и теперь объясним, зачем она нужна на странице:

1. Указывается тип документа, если будете использовать HTML 5, то тип прописывать не нужно.
2. Дальше устанавливается тег (html), открывающий код HTML страницы.
3. Тег head предназначен для указания внутри него дополнительных элементов страницы.
4. Здесь указывается тип кодировки страницы.
5. Вставляется описание страницы, которое будет отображаться в снипете поисковых систем. Если не добавлять этот тег, вместо описания будет представляться часть текста со страницы.
6. Указываются ключевые слова для страницы (очень важный тег, обязательно его используйте).
7. На седьмой строчке прописывается заголовок страницы (её название).
8. Тег head можно закрыть и приступить к созданию страницы.
9. Теперь начинается тело самой страницы, которую будут видеть пользователи. Для этого устанавливается тег body.
10. Заголовок статьи прописывается в заключении специальными тегами.
11. Тег <p>  обозначает новую строку, поэтому каждый абзац заключен в него.
12. Аналогично, как и в 11 пункте.
13. Тело страницы закрывается.
14. Закрывается код html.

Используя данный пример можно создать сколько угодно страниц, изменяя различные значения и добавляя всевозможный контент. Конечно, пример довольно простой, но как мы уже говорили ранее, для более подробного изучения HTML, лучше использовать специальные обучающие книги, видео курсы и прочие источники информации.