Изучение основного HTML-кода

  • 3 мин

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

Заметка

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

Знакомство с тегами и элементами

При форматировании текста, как сделать его полужирным или увеличить шрифт, вы не всегда думаете о том, что происходит "за кулисами".

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

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

Тег и любое содержимое между открывающим и закрывающимся называется элементом

  • Это открытый тег, чтобы сделать что-то полужирным: <strong>
  • Это закрывающий тег, чтобы сделать текст полужирным: </strong>
  • Это элемент: <strong> Make me bold </strong>

Важный

Часто можно услышать, как разработчики используют термины "тег" и "элемент" как взаимозаменяемые. Хотя они технически означают разные вещи, в большинстве разговоров, небольшая разница в значении не имеет значения.

Заголовки являются общими элементами, которые нумеруются от одного до шести, где один является верхней частью иерархии, а шесть — самой низкой. Заголовки записываются как h1 через h6. Если вы хотите добавить заголовок верхнего уровня на страницу для отображения слова Резюме, можно использовать следующее:

<h1>Resume</h1>

В следующем видео показано, как HTML-код преобразуется браузерами в отформатированные сведения.

Узнайте, как использовать теги

Существует множество тегов, доступных для программистов. То, как определяются доступные элементы и их использование, называется синтаксисом. На этом этапе мы избегаем увязнуть в деталях. Важно понимать, что тег и как он используется для создания элемента.