HTML
HTML
| |
 Тематические порталы
|
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>
Где:
- <!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:
<title>Название страницы</title>
<meta name="название метки">
</head>
<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 на нашем форуме.
