HTML — Обзор

Оглавление

    Показать оглавление

HTML означает

Hypertext Markup Language

и это наиболее широко используемый язык для написания веб-страниц.

  • Гипертекст относится к способу, которым веб-страницы (документы HTML) связаны друг с другом. Таким образом, ссылка, доступная на веб-странице, называется гипертекстом.

  • Как следует из названия, HTML — это язык разметки, что означает, что вы используете HTML для простой «разметки» текстового документа с помощью тегов, которые сообщают веб-браузеру, как структурировать его для отображения.

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

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

Базовый HTML-документ

В простейшей форме ниже приведен пример HTML-документа:

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

HTML-теги

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

<Tag Name>

За исключением нескольких тегов, большинство тегов имеют соответствующие закрывающие теги. Например,

<html>

имеет закрывающий тег

</html>

и

<body>

тег имеет закрывающий тег

</body>

тег и т. д.

В приведенном выше примере HTML-документа используются следующие теги:

<!DOCTYPE...>

Этот тег определяет тип документа и версию HTML.

<html>

Этот тег заключает в себе полный HTML-документ и в основном состоит из заголовка документа, который представлен

<head>...</head>

и тело документа, которое представлено

<body>...</body>

теги.

<head>

Этот тег представляет заголовок документа, который может содержать другие теги HTML, такие как

<title>
<link>

и т. д.

<title>

Тег

<title>

используется внутри тега

<head>

упомянуть название документа.

<body>

Этот тег представляет собой тело документа, в котором хранятся другие теги HTML, такие как

<h1>, <div>, <p>

и т. д.

<h1>

Этот тег представляет заголовок.

<p>

Этот тег представляет абзац.

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

Консорциум World Wide Web (W3C) рекомендует использовать строчные теги, начиная с HTML 4.

Структура HTML-документа

Типичный HTML-документ будет иметь следующую структуру:

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

Мы изучим все теги заголовка и тела в последующих главах, а пока давайте посмотрим, что такое тег объявления документа.

<!DOCTYPE>

Тег объявления

<!DOCTYPE>

используется веб-браузером для понимания версии HTML, используемой в документе. Текущая версия HTML — 5, и в ней используется следующее объявление:

<!DOCTYPE html>

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

<!DOCTYPE...>

вместе с другими тегами HTML.