Введение в HTML

Введение в HTML. Что такое HTML?

HTML - это наиболее широко используемый язык для написания веб-страниц. HTML расшифровывается как HyperText Markup Language - Язык Разметки Гипер Текста:

Гипертекст помогает нам связать друг с другом HTML страницы. Например, при щелчке по ссылке на веб-странице мы переходим на другую страницу сайта.
Язык разметки описывает, как именно будут отображаться HTML страницы. По сути, язык разметки это просто текстовый документ с тегами. Именно эти теги указывают веб-браузеру, как структурировать и отображать веб-страницы.

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

Создание HTML-документа

Создать HTML-документ - это очень просто. Для того, чтобы начать программирование HTML, нужно всего две вещи: простой текстовый редактор и веб-браузер. Блокнот - это самый простой текстовый редакторов. Но Вы также можете использовать Он-лайн HTML-редактор.

Вот простые шаги, чтобы создать элементарный HTML-документ:

Откройте блокнот или другой текстовый редактор.
В начале страницы введите тег <html>. Этим тегом мы показываем начало HTML страницы.
В следующей строке отступите пять пробелов и добавьте тег <head>. Данный тег отображает "шапку сайта", то есть верхнюю часть.
Совет: делайте отступы для визуального удобства. Так будет проще создавать и форматировать страницу.
На следующей строке сделайте отступ 10 пробелов и вставьте теги <title> </title>. Между этими тегами пропишите название страницы.
Перейдите к следующей строке, отступите пять пробелов и вставьте закрывающий тег </head>. Так мы указали конец шапки сайта.
На следующей строке введите тег <body>.
Теперь на следующей строке введите закрывающий тег</body>. Между этими тегами будет размещаться основная часть сайта.
Далее переходим к следующей строке и вводим закрывающий тег </html>. Этим тегом мы обозначаем конец страницы.
В меню " Файл " выберите " Сохранить как".
В "Сохранить как" выберите в поле, "тип файла" выберите "Все Файлы".
В поле "Имя файла" пропишите "index.html". Проверьте, чтобы в названии обязательно было расширение *.html.
Нажмите кнопку "Сохранить".

Теперь у нас есть базовый HTML-документ. Добавим еще заголовок H1 и параграф с текстом. Таким образом код будет иметь такой вид:

<html>
<head>
<title>Это название страницы</title>
</head>
<body>
<h1>Заголовок</h1>
<p>Абзац.Текстовый контент.</p>
</body>
</html>

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

Что такое HTML тег

<html>, <head>, <title>, <body>, <p>, <h1> - это HTML-теги. HTML-теги используются для построения HTML-документа. Мы изучим все HTML-теги в последующих статьях.

Примечание: один HTML-файл может иметь расширение *.htm или *.html. Это идентичные и абсолютно одинаковые вещи.

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

HTML-документ начинается и заканчивается тегами <html> и </html>. Эти теги сообщают браузеру, что весь документ состоит из HTML. Внутри этих двух тегов, документ будет разбит на два раздела:

<head>...</head> - элементы, которые содержат информацию о документе (например, название документа, автор документа и т.д). Информация внутри этих тегов не отображается визуально.
<body>...</body> - теги, между которыми отображается контент, который Вы видите на экране.

HTML-теги и элементы:

Язык HTML - это язык разметки, для которой мы используем много тегов. В примере выше Вы видели <html>, <body> и другие теги, которые называются HTML-тегами или HTML-элементами.

Ничего сложного, тег - это не более чем некоторое название, заключенное в квадратные скобки, например <head> и <i>. Немножко сложнее будет тогда, когда мы будем использовать атрибуты тегов, которые уточняют или изменяют поведение тега. Но все это мы рассмотрим в следующих статьях.

Согласно стандарту HTML, в именах тегов и атрибутов не учитывается регистр символов. Нет никакой разницы между <head>, <Head>, <HEAD> или даже <HeaD>, все они эквивалентны. Но в XHTML важно чтобы вся разметка, теги и атрибуты были прописаны в нижнем регистре.

HTML прощает ошибки?

Очень хорошее качество, которым обладают все браузеры состоит в том, что они не выдают никаких ошибок, если Вы поставили любой HTML-тег или атрибут неправильно. Они просто будут игнорировать этот тег или атрибут, а отображать будут только правильные теги и атрибуты.