Данные уроки HTML, для начинающих изучение создания веб - страниц, излагают основы этого языка разметки гипертекста. HTML – это компьютерный язык для создания Web - страниц. Язык HTML развивается под контролем организации W3C. HTML (HyperText Markup Language) означает «язык разметки гипертекста».

Гипертекст – это способ организации перехода из одной веб-страницы в другую, благодаря которому мы можем путешествовать по Всемирной паутине. При нажатии (щелчке) на специально оформленном тексте, который называется гиперссылкой (hyperlink), происходит переход на другую страницу. Слово «гипер» означает «нелинейный», то есть можно перейти в любую страницу в Интернете. Строго определенной последовательности переходов не существует.

Разметка – это действие, которое выполняют теги HTML над указанным между ними (тегами) текстом. Теги подчеркивают, что этот текст особенный. Например, курсивный или красный текст

HTML – язык, обладающий собственными правилами и специальными служебными словами. Служебные слова языка HTML называются тегами. Теги и текст, который автор сайта представляет посетителям своего сайта, хранятся в обычном текстовом файле. Однако этот текстовый файл нужно сохранять как веб-страницу или страницу для Web. В нашем понимании, веб-страница это файл с расширением .html или .htm. При сохранении веб-страницы рекомендуем расширение файла набирать строчными буквами. Например, лучше page01.htm, чем page01.HTM.

В коде HTML теги пишутся внутри угольных скобок < и >. Именно теги отвечают за отображение картинок, таблиц и прочих чудес веб-страниц.

Большинство тегов – парные. Это значит, что если был набран открывающий тег, позднее обязательно будет и закрывающий тег.

Например, теги <HTML> и </HTML> парные. <HTML> - открывающий тег, </HTML> - закрывающий тег. Теги <SUB> и </SUB> тоже парные. <SUB> - открывающий тег, </SUB> - закрывающий тег.

Закрывающий тег от открывающего отличается наличием знака слэш "/" перед именем тега.

Большинство тегов имеют атрибуты (свойства). Атрибут влияет на действие тега. Атрибут пишется после имени тега и до закрывающей угольной скобки >. Если нужно прописать несколько атрибутов одному тегу, то они разделяются пробелом.

В свою очередь, атрибут тега может принимать разные значения. Для того чтобы присвоить значение атрибуту тега, нужно набрать:

  1. знак равенства (=)
  2. кавычки (")
  3. значение, которое нужно присвоить атрибуту
  4. кавычки (").

Наример, в <FONT SIZE="+2" COLOR="red">:
FONT - тег,
SIZE - атрибут,
+2 - значение,
COLOR - атрибут,
red - значение.

Для работы понадобиться браузер. Например, Internet Explorer, Opera, Mozilla Firefox или Google Chrome. Хорошо, если на Вашем компьютере имеются несколько браузеров. Это нужно для проверки отображения созданных страниц в различных браузерах. Также нужен текстовый редактор, например, Блокнот (Notepad), для набора тегов и текстов веб-страницы. Еще, рекомендуем создать отдельную папку (директорию) для хранения веб-страниц, чтоб не смещать их с другими файлами и не потерять.

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

Приступим к изучению тегов.