Введение в HTML

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

HTML - это наиболее широко используемый язык для написания веб-страниц. HTML расшифровывается как HyperText Markup Language - Язык Разметки Гипер Текста:
  1. Гипертекст помогает нам связать друг с другом HTML страницы. Например, при щелчке по ссылке на веб-странице мы переходим на другую страницу сайта.
  2. Язык разметки описывает, как именно будут отображаться HTML страницы. По сути, язык разметки это просто текстовый документ с тегами. Именно эти теги указывают веб-браузеру, как структурировать и отображать веб-страницы.
Первоначально HTML был разработан с целью определения структуры текстовых документов, а также содействовать обмену научной информацией между учеными. Все что вам нужно сделать, чтобы использовать HTML - это узнать какой тип разметки нужно использовать, чтобы получить результаты, которые Вы ожидаете.
 

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

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

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

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

Язык HTML - это язык разметки, для которой мы используем много тегов. В примере выше Вы видели <html>, <body> и другие теги, которые называются HTML-тегами или HTML-элементами.
 
Ничего сложного, тег - это не более чем некоторое название, заключенное в квадратные скобки, например <head> и <i>. Немножко сложнее будет тогда, когда мы будем использовать атрибуты тегов, которые уточняют или изменяют поведение тега. Но все это мы рассмотрим в следующих статьях.
 
Согласно стандарту HTML, в именах тегов и атрибутов не учитывается регистр символов. Нет никакой разницы между <head>, <Head>, <HEAD> или даже <HeaD>, все они эквивалентны. Но в XHTML важно чтобы вся разметка, теги и атрибуты были прописаны в нижнем регистре.

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

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


Что дальше?

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

<<< Предыдущая статья Меню категории Следующая статья >>>

Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
4.5/5 из 2
Категория: Учебник HTML | Добавил: zaharchuk (12.02.2014)
Просмотров: 3343
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]