HTML

Материал из Wiki Journal
Перейти к: навигация, поиск
Оформляем сайт при помощи CSS

HTML — (с англ. яз. Hyper Text Markup Language - язык гипертекстовой разметки) - это язык разметки для написания интернет страниц, сайтов, созданный на заре возникновения интернета британскими учёными в 1986—1991 годах. При помощи данного языка, специальные программы (браузеры) понимают, как должна выглядеть та или иная страница.

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

Основы языка HTML

HTML тэги - это ключевые слова, вписанные в треугольные скобки, например:

<!DOCTYPE html>
<html>
<head>
<title>Название страницы</title>
</head>
<body>

<h1>Заглавие страницы</h1>
<p>Здесь начинается параграф</p>

</body>
</html>
Отображение страницы в браузере HTML кода

Где:

  • <!DOCTYPE html> - задаёт тип документа, написанный в HTML и помогает браузерам правильно отображать содержание страницы.
  • Текст заключённый в тёги <html> и </html> содержит всё содержание страницы.
  • Текст заключённый в тёги <head> и </head> содержит основное описание страницы.
  • Текст заключённый в тёги <title> и </title> отображает название страницы.
  • Текст заключённый в тёги <body> и </body> является основным, видимым содержанием страницы.
  • Текст заключённый в тёги <h1> и </h1> будет являться заглавием страницы.
  • Текст заключённый в тёги <p> и </p> будет являться отдельным параграфом.

Такой код все браузеры выведут так, как показано на картинке справа.

Используя эту стандартную структуру, все браузеры будут отображать содержание страницы, а также задавать странице описание содержания и размечать параграфы. Все интернет страницы написанные на чистом языке HTML имеют расширения .htm или .html.

HTML тэги

Синтаксис или правила написания HTML очень просты. Как уже отмечалось, HTML тэги - это ключевые слова языка программирования, которые вписываются в треугольные скобки:

<tagname>content</tagname>

Где <tagname> - тот или иной тэг. Поэтому необходимо знать главные правила:

  • В основном все тэги идут парами, например: <p> Текст или другое содержание страницы </p>.
  • Первый тэг называется открывающим тэгом <p>, второй тэг называется закрывающим тэгом </p>.
  • Закрывающий тэг - идентичный открывающему тэгу, но имеет лишь наклонную черту - "/"

Структура HTML страницы

Учитывая вышеизложенное, ниже представлена схема страницы в HTML:

<html>
<head>

<title>Название страницы</title>
<meta name="название метки">

</head>

<body>
<h1>Заголовок всей страницы<h1>
<p>Параграф.<p>
<p>Другой параграф.<p>
<h2>Другие, второстепенные заголовки<h2>

<body>

<html>

  • Внутри тэга <head> задаётся название страницы, описание, ссылки на оформление CSS и другие настройки.
  • Внутри тэга <body> отображается в браузерах всё содержимое HTML страницы (выделено белой зоной). Оформление страниц также осуществляется через специальные тэги HTML. Как это делается, читайте в другихьстатьях посвящённых данной тематике. Но более предпочтительный вариант оформления страниц осуществляется через CSS.

Версии HTML

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

История версий HTML
Год Версия HTML
1991 HTML
1995 HTML 2.0
1997 HTML 3.2
1999 HTML 4.01
2000 XHTML
2014 HTML5

Заключение

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

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

Статьи по теме HTML