logo
Dokument_Microsoft_Word_4

30. Основы языка html. Создание списковых элементов. Использование дополнительного форматирования в web-документах.

HTML (HyperText Markup Language) - язык гипертекстовой разметки документов. Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора.

Как создать HTML?

Для создания HTML документов используют текстовые редакторы (например Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Вы можете создать HTML документ в простом Блокноте. Придерживаясь определённого стандарта и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm вы получите полноценную web страничку.

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

Что такое теги в HTML?

Теги - это инструменты разметки текста. Теги могут прописываться как строчными, так и прописными буквами, разницы никакой нет. Теги бывают парными и не парными. В качестве примера парного тега можно привести тег <html></html>, этот тег начинает и заканчивает любой HTML документ. Вторая часть парного тега отличается от первой только наличием символа "/", однако первая часть тега может содержать и дополнительные параметры. Например в теге <font size="4"></font>, параметр size="4" определяет размер текста. Примером непарного тега является <hr> - тег вставки в HTML документ горизонтальной линии, такой как в конце этого абзаца.

Обязательные теги языка HTML

Любой HTML документ должен содержать следующие теги <html></html>, <head></head>,  <body></body>, <title></title>. Порядок расположения тегов в HTML документе представлен ниже

<html>

<head>

<title>Название вашей страницы</title>

</head>

<body>

 Тело вашего документа

</body>

</html>

Внутри тега <head></head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции <head></head> могут располагаться так называемые Мета Теги. Их назначение и описание смотри в справочнике по Мета Тегам.

К примеру, если у нас HTML-код:

<ol> <li> фрагмент 1</li> <li> фрагмент 2</li> <li> фрагмент 3</li> </ol>

То получаем отображение в браузере:

фрагмент 1

фрагмент 2

фрагмент 3

Когда у нас HTML-код:

<ol type="A"> <li> фрагмент 1</li> <li> фрагмент 2</li> <li> фрагмент 3</li> </ol>

То отображается:

фрагмент 1

фрагмент 2

фрагмент 3

И напоследок, если код:

<ol start="5"> <li> фрагмент 1</li> <li value="9"> фрагмент 2</li> <li> фрагмент 3</li> </ol>

То в браузере:

фрагмент 1

фрагмент 2

фрагмент 3