Учебники

HTML — Обзор

Декабрь 15, 2018

HTML расшифровывается как «язык программирования» и является наиболее широко используемым языком для написания веб-страниц.

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

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

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

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

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

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

Основной HTML-документ

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

Live Demo

<!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-документа использует следующие теги —

Sr.No Тег и описание
1 <! DOCTYPE …>

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

2 <HTML>

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

3 <голова>

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

4 <название>

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

5 <тело>

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

6 <h1>

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

7 <р>

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

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

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

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

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

Этот тег представляет тело документа, в котором хранятся другие теги HTML, такие как <h1>, <div>, <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.

48
Share: