HTML - Обзор

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

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

  • Как следует из названия, HTML - это Markup Language Это означает, что вы используете 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-документа используются следующие теги -

Старший Нет Тег и описание
1 <!DOCTYPE...>

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

2 <html>

Этот тег включает в себя полный HTML-документ и в основном состоит из заголовка документа, который представлен <head> ... </head>, и тела документа, которое представлено тегами <body> ... </body>.

3 <head>

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

4 <title>

Тег <title> используется внутри тега <head> для упоминания заголовка документа.

5 <body>

Этот тег представляет тело документа, в котором хранятся другие теги HTML, такие как <h1>, <div>, <p> и т. Д.

6 <h1>

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

7 <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.