• Первая колонка — Name — как и в случае с тегами — название атрибута. Все на английском, но имея базовые знания можно догадаться, что делает тот или иной атрибут.
• Вторая колонка — Related Elements — это перечень всех тегов, в которых используется какой-либо атрибут. Все теги со ссылками, поэтому сразу можно будет перейти к информации о теге.
• Третья колонка — Type — это все возможные значения определенного атрибута. Например напротив выбранного нами атрибута size в теге Font стоит значение CDATA. Его мы рассмотрим позже, а если коротко, то это специальный набор вариантов размера (в данном случае). Ведь можно писать как пиксели, так и проценты
• Четвертая колонка — Default — означает, обязателен ли атрибут в определенном теге. Например, в теге Img атрибут src обязателен, так как указывает на источник, из которого брать картинку.
• 6, 7, и 8 колонки означают то же самое, что и в случае с тегами.

Все вышеописанное относится только к HTML версии 4.01. Про HTML 5 мы поговорим в другой статье, затронем и XHTML. А сейчас, как я и обещал, мы создадим страничку на языке HTML, над которой и будем экспериментировать.

Создание файла в формате html — HTML-документ

Прежде всего, разберемся что такое HTML-документ . А это, собственно, файл в формате HTML. И все интернет странички являются HTML- документами. Например, при попадании на сайт в адресной строке в конце можно увидеть после адреса «.html» или «.htm». Вот файл с таким расширением мы и создадим. Вообще, если хотите экспериментировать над сайтом, а не над страничкой, то лучше создать локальный сервер — Денвер (про который я все хочу написать).

Учитывая то, что я не рассказал даже о тегах, присутствующих на каждой страничке, то просто создадим файл с любым именем и расширением.html. Можно (и лучше всего) использовать Notepad++ , потому что в данном текстовом редакторе используется подсветка кода, что очень удобно при редактировании кода и сохранять файлы можно во множестве форматов. Также есть программы, в которых при наборе кода сразу появляется результат в обработанном виде

Итак, нам нужно просто открыть Notepad++ и сохранить файл с произвольным текстом (можно и пустой), но в формате.html. Для этого, как обычно, кликаете на надпись файл, затем "сохранить как " и ищем среди большого списка расширений «HyperText Markup Language file (расширения файлов)». Вот, собственно, и все. Первые строки в этот файл мы добавим уже в следующей статье из рубрики «Создаем сайт с нуля»

Человек не может жить одними словами,
в каком бы количестве он их ни проглатывал.
Эдлай Стивенсон.

В ообще-то, язык HTML не является языком программирования. Это язык разметки гипертекста (HyperText Markup Language). Т. е. называть его «языком HTML» не верно.

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

О ни отображают только отформатированный текст и скрывают теги HTML , которые применялись для форматирования. Чтобы тебе было понятней, о чем я говорю, щелкни правой кнопкой мыши по этой странице и в открывшемся меню выбери пункт «Исходный код» или что-то подобное. Перед тобой откроется эта страница в своём настоящем виде.

С оздавать код HTML можно как в обычных , так и использовать специальные программы, так называемые . Визуальные редакторы отличаются от текстовых тем, что заточены под набор кода HTML, CSS, JavaScript, PHP и др., т. е. под web-программирование. Кроме того, они позволяют сразу же просмотреть плоды своих трудов во встроенном браузере и подсвечивают некоторые ошибки в набранном коде.

Н астоятельно рекомендую набирать весь код руками (для улучшения прямоты этих самых рук), визуальные редакторы же значительно облегчают этот процесс. Лично я пользуюсь . Это далеко не самая последняя версия, но её возможностей мне хватает с избытком.

Я поступаю так: набираю код в Dreamweaver, затем сохраняю и нажимаю кнопку «Просмотр в браузере» (список браузеров в этом меню ты редактируешь сам), после возвращаюсь в Dreamweaver и продолжаю редактирование. Здесь . Это то, что касается инструментов, теперь перейдём непосредственно к тегам HTML.

Н ачнём со строения html-страницы, вернее с её основных тегов.

Обязательные теги HTML-страницы

К обязательным (основным) тегам HTML, которые используются в каждом html-документе, относятся следующие:

Примечание. Для того, чтобы браузер выводил код HTML как текст (не интерпретировал его в код), после каждой открывающей угловой скобки «» я оставляю пробел. Ты, когда будешь набирать код, пробелы НЕ ОСТАВЛЯЙ .

К ак видишь, все теги парные (есть открывающий тег и закрывающий), в HTML почти все теги такие. Отличаются открывающий тег от закрывающего тем, что перед закрывающим стоит косая черта «/ ». Такие теги ещё называют контейнерными , потому что между ними можно вставить другие теги, т.е. поместить в контейнер. Ты и сам можешь видеть, что между тегами и находятся другие теги.

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

Т ак, основные теги и показывают браузерам и другим программам для просмотра гипертекстовых страниц, что они как раз и имеют дело с гипертекстовым документом. Любой html-документ должен начинаться с и заканчиваться. Т. е. между этими тегами находится ВЕСЬ код html-страницы.

М ежду тегами и находятся мета-теги (заголовок страницы, описание, ключевые слова и т.д.). В них хранится информация об html-странице и технические сведения. Вообще, данный тег не является обязательными, т. е. без него html-документ будет нормально отображаться браузерами. Но даже, если ты не планируешь использовать область заголовка, то напиши хотя бы просто. Это нужно для совместимости между различными версиями программ.

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

О сновное содержимое html-документа располагается между тегами и . Здесь находится всё, что мы видим, когда открываем html-страницу: текст, графика, меню, кнопочки и т. д. Это основное «тело» страницы.

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

То фон всей страницы будет красным.

З десь тег - это, собственно, тег; bgcolor - его атрибут; "#FF0000" - значение атрибута (у тега может быть несколько атрибутов).

Примечание. Все атрибуты тега и их значения указываются в открывающем теге (тот, который без косой черты), но ни в коем случае не в закрывающем.

И так, мы разобрались с основными тегами html-документа. Теперь настало время более подробно изучить остальные. Здесь я хочу сделать небольшое отступление.

Как я предлагаю изучать HTML

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

Т . е. сначала рассматриваются теги заголовка html-документа (, а потом теги «тела» ().

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

Т аким образом, он только теряет время и желание продолжать изучение HTML. При этом утверждаясь во мнении, что могут только «гуру» за хорошие деньги. Я бы тоже бросил это занятие, если бы не наплевал на то, что мне пока непонятно и не пошёл дальше.

П оэтому, я предлагаю тебе сначала рассмотреть теги, относящиеся к «телу» html-документа (), а уж затем переходить к остальным. Тем более, что в «теле» html-страницы и содержится информация, за которой будут приходить посетители сайта. А создать или найти её гораздо сложнее, чем написать код.

Н у что же, теперь, не мешкая ни минуты, жми кнопку «Дальше» и продолжи узнавать, как эти небритые и невыспавшиеся дядьки создают сайты.

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

Теги структуры html документа

Это глобальные теги, которые нам в любом случае нужны. На веб-странице они никак не отображаются, но позволяют разметить структуру. Например, тег html. Сегодня его очень часто даже не пишут, в этом действительно нет нужны. В общем-то, он является общий контейнером для всего html-документа. В него вложено все остальное.

Далее идут 2 секции — head и body . В первой располагаются различного рода параметры веб-страницы, подключаются внешние файлы и т.д. Например, тут задается кодировка сайта, прописываются мета теги, title , подключаются css-стили и веб-сценарии. В общем, для работоспособности сайта секция head имеет важнейшую роль.

Ну а body это тело страницы. Здесь уже мы пишем то, что непосредственно выводиться на экран. Далее мы непосредственно рассмотрим теги, которые используются в теле страницы.

Форматирование текста

Обычно о форматировании всегда говорят в первую очередь, когда речь заходит об html. Действительно, что может быть важнее текста на странице и его грамотного оформления?

Например, создадим три абзаца. Один будет простым, во втором текст будет выделен жирным, а в третьем — подчеркнут.

Какой-то текст в абзаце, имитируем наполнение

Какой-то текст в абзаце, имитируем наполнение

Вот примерно в таком духе мы оформляем текст, используя теги, о которых говорится в той статье.

Html теги для картинок (изображений)

Для картинок есть всего 1 основной тег — img . И у него, в свою очередь, всего 1 обязательный параметр — src , то есть путь к файлу. Все остальное можно настраивать через css. Собственно, подробно о вставке картинки я писал также , ну и вот пример самой простой вставки:

Тег, как видите, одинарный, то есть закрывающая часть не нужна. Путь задается исходя из расположения html-странички. У меня картинка лежала в той же папке, что и веб-страница, а значит путь получился максимально коротким.

Изменять размер катинки можно с помощью атрибутов width и height , но оптимально все же делать это через css. Но кроме тега img в html5 появились еще теги, которая так или иначе помогают оформить картинку. Это figure и figcaption . То есть фигура и подпись к ней. Вообще область применения этих тегов более широка, но мы рассмотрим пример с картинкой:

Ну и пару css-строк:

Figure{ width: 300px; } figcaption{ text-align: center; color: grey; }

Эти теги просто упростили процесс добавления подписей к картинкам:

Теги для ссылок

Анкор

То есть тоже есть 1 обязательный атрибут — href . Без него браузер просто не будет понимать, куда ему переходить. Адрес нужно указывать с протоколом http:// . Ну и между открывающим и закрывающим тегом указываем непосредственно сам анкор, то есть текст, который увидим на странице.

Списки на веб-страницах

Со списками все тоже достаточно просто. Есть 2 типа списков — маркированный и нумерованным. Различия только во внешнем виде нумератора. То есть числа это, или просто маркеры.

Нумерованный список создается тегом ol , а сами пункты тегами li . В этот тег можно вложить сколько угодно других тегов и любое содержимое.

1. Убрать на столе
2. Приготовить еду
3. Сходить на футбол

По умолчанию список уже отображается с определенными отступами.

Маркированный список, соответственно, создается с помощью тега ul , а внутри него все те же li .

Таблицы

Подробно о тегах для таблицы я написал здесь. Если же говорить кратко, то это:

1. table — сам контейнер для таблицы;
2. tr — ряд таблицы, тоже выполняет роль контейнера;
3. td — одна ячейка, именно сюда помещается содержимое;

Создадим простую таблицу:

Ну и через css я ее немного оформил:

Table{ border-collapse: collapse; } td{ border: 1px solid red; padding: 15px; }

Если вам непонятно, что такое css, то приглашаю прочитать заодно , сразу все станет понятно.

Формы

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

Основные элементы формы:

1. form — непосредственно контейнер формы, в который помещаются все поля. Чтобы форма корректно работала, ей нужно прописывать атрибуты action и method , но это уже работа с языком php.
2. input — поле формы, каким именно оно будет, зависит от значения в атрибуте type . Например, text — поле для ввода обычного текста, password — поле для ввода пароля, checkbox — галочка, submit — кнопка отправки формы. Конечно, это не все значения, но о других подробнее я напишу в отдельной статье про формы (скоро будет).
3. Ну и вспомогательные элементы. В нашем случае это текст и переносы строк.

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

Блочные и строчные элементы

Вообще все элементы в html грубо можно разделить на две категории: блочные и строчные. К строчным относятся, например, теги: b (выделение жирным), img (картинка), a (ссылка) и т.д. То есть их можно несколько раз употребить на одной строке.

Блочные же — совсем другое дело. Блок может быть только одним в своей строке. Примеры блоков: абзацы, таблицы, списки. То есть на одной строке не может быть 2 абзаца, правильно?

В html есть теги, которые просто обозначают блочный и строчный элемент, не придавая ему более никаких свойств. Это span и div . Первый строчный, а второй блочный. Используются в верстке сплошь и рядом. Чтобы вы понимали разницу, вот пример:

Вот пожалуй и все основные html теги для создания сайта, которые действительно применяются сплошь и рядом и которые действительно нужно знать.

Теги HTML (шпаргалка)

HTML -документ (страничка) - документ, написанный на языке HTML. Заключается между тегами и .

Значения тегов разметки документа

Теги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.

Основные теги разметки

и . Между этими тегами располагается информация о документе.

. В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра.

и . "Тело" документа (текст, графика и т.д.) располагается между этими двумя тегами.

Параметры тега :

BGCOLOR - цвет фона ( BGCOLOR= "#000000" > )

BACKGROUND - бэкграунд

TEXT - цвет текста

ALINK - цвет активной ссылки

и

- теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.

- тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.

---

- тег, служащий для логического разделения текста горизонтальной линией.

 и 

- Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер".

Параметры выравнивания

Используются в

и

ALIGN= LEFT - выравнивание по левому полю

ALIGN= RIGHT - выравнивание по правому полю

ALIGN= CENTER - выравнивание по центру

Теги выравнивания

и - выравнивание по левому полю

и - выравнивание по правому полю

и - выравнивание по центру

Заголовки, служащие для выделения логических частей текста

и

- Заголовок первого уровня.

и

- Заголовок второго уровня.

и

- Заголовок третьего уровня.

и

- Заголовок четвертого уровня.

и

- Заголовок пятого уровня.

и

- Заголовок шестого уровня.

Теги для выделения текста и шрифта

и - теги для выделения текста (слов, букв) жирным шрифтом.

и - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.

и - текст, расположенный между двумя этими тегами, будет подчеркнут.

и - текст, расположенный между двумя этими тегами, будет мигать.

SIZE= n > и - теги для изменения размера шрифта (где n - размер шрифта в пикселях px ).

COLOR= "#FFFFFF " > и - теги для изменения цвета шрифта.

Теги для формирования списков

и

- теги, показывающие начало и конец нумерованного списка

и

- теги, показывающие начало и конец маркированного списка.

- Элемент списка

и

- теги, показывающие начало и конец глоссария.

- Термин глоссария, располагается без отступа от левого поля страницы.

- Описание термина, располагается с отступом от левого поля страницы.

Теги-команды для вставки в текст объектов не текстовой информации

SRC= "file.gif" > или SRC= "file.jpg" > - команда для вставки графического изображения

SRC= "file.wav" > - команда для вставки звукового фрагмента

SRC= "file.avi" > - команда для вставки видео фрагмента

Параметры графического изображения

WIDHT - ширина картинки в пикселях

HEIGHT - высота картинки в пикселях

ALIGN - выравнивание (ALIGN= LEFT - выравнивание по левому полю, ALIGN= RIGHT - по правому полю, ALIGN= TOP - по верхней границе, ALIGN= BOTTOM - по нижней границе, ALIGN= MIDDLE или CENTER - по центру)

HSPACE - горизонтальный отступ от графического изображения

VSPACE - вертикальный отступ

ALT - альтернативный текст, служит для обозначения изображения

Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет

HREF= "fail.htm" > и или HREF= "http://www.ru" > и - гиперсвязи

HREF= "mailto:nick @mail .ru" > nick @mail .ru

- гиперсвязь с адресом электронной почты

Таблицы

Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста

и - теги для вставки таблицы в HTML документ

Параметры тега

BGCOLOR - цвет фона

BORDER - ширина бордюра

WIDHT - ширина таблицы

Теги разметки таблицы

- название таблицы, имеет параметр ALIGN= TOP - выравнивание над таблицей и ALIGN= BOTTOM - под таблицей.

и - Строчка таблицы. Может иметь параметры BGCOLOR - цвет фона внутри строки;

ALIGN= LEFT , RIGHT , CENTER - выравнивание внутри строки;

VALIGN= TOP , BOTTOM , MIDDLE - вертикальное выравнивание внутри строки таблицы.

- Столбец таблицы. Может иметь параметры BGCOLOR - цвет фона под столбцом;

ALIGN= LEFT , RIGHT , CENTER - выравнивание внутри столбца;

COLSPAN растягивание клетки на несколько столбцов, ROWSPAN - растягивание клетки на несколько строк.

- Заголовок столбца. Может иметь параметры BGCOLOR - цвет фона под названием;

ALIGN= LEFT , RIGHT , CENTER - выравнивание;

VALIGN= TOP , BOTTOM , MIDDLE - вертикальное выравнивание;

COLSPAN , ROWSPAN - растягивание клетки на несколько столбцов или строк; WIDHT - ширина названия.

Рамки-фреймы

Рамки-фреймы - средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-страницы или Web-сайта.

и теги для создания рамки

Параметры тега

COLS - подразделяют экран на определенное количество колонок (вертикальных)

ROWS - подразделяют экран на определенное количество колонок (горизонтальных)

BORDCOLOR - цвет рамки

BORDER - ширина бордюра

FRAMEBORDER - граница рамки (FRAMEBORDER= YES - есть граница, FRAMEBORDER= NO - нет границы, FRAMESPACING= n - ширина границы)

Тег для описания рамки ( SRC= "file.htm" > ).

Параметры тега

SCROLING - параметр для регулировки полосы прокрутки:

SCROLING= YES - полоса прокрутки будет всегда

SCROLING= NO - полосы прокрутки не будет

SCROLING= AUTO - полоса прокрутки появляется только в случае необходимости

MARGINWIDHT и MARGINHEIGHT - параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки

NORESIZE - параметр, указывающий на то, что размер рамки-фрейма никогда не будет меняться.

A link to HREF= "file.htm" TARGET= "frame2" > file.htm - Связь между фреймами

TARGET - атрибут связи между фреймами. Имеет несколько значений:

BLANK загружает содержимое страницы, заданной ссылкой, в новое пустое окно.

SELF содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку.

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

TOP содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.

Обработка браузеров, не поддерживающих фреймы:

Здесь располагаются фреймы

</b> </p><p><b><span><BODY> </b> </p><p>Здесь располагается текст без фреймов </p><p><b><span><BODY> </b> </p><p><b><span>

Бегущая строка

ТЕКСТ - тег, создающий бегущую строку

DIRECTION= "left" > TEKCT - Если бегущую строку нужно направить справа налево

DIRECTION= "right" > TEKCT - движение слева направо.

scroll - стандартное движение от правого края к левому

slide - надпись один раз пробегает от правого края к левому, где и остается.

alternate - движение от правого края страницы к левому и обратно. Бесконечный цикл.

LOOP= n BEHAVIOR= scroll > TEKCT - Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла.

WIDHT= n > TEKCT - указать ширину участка, занимаемого бегущей строкой, где n - ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы.

scrollamount= n > TEKCT - Регулировка движения надписи по экрану. Здесь n - число пикселей.

scrolldelay= t > TEKCT - В данном случае переменная величина - время t - измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново.

SIZE= n > ТЕКСТ - возможность указывать величину шрифта текста в строке.

BGCOLOR= n > ТЕКСТ - окрасить поверхность бегущей строки в какой-либо цвет, где n можно указать в виде шестнадцатеричного числа либо написав его название

HEIGHT= n > ТЕКСТ - указывает высоту бегущей строки

Чтобы операционная система знала, что какой либо текстовый документ является html документом, необходимо присвоить файлу расширение htm (html) .

Не пугайтесь нижеприведенной таблицытегов языка html , используя визуальный редактор FrontPage , первое время можно вообще не вникать в теги, затем, постепенно изучить пару десятков основных тегов, а дальше Вы сами решите для себя, надо ли Вам их знать. Мне самому приходилось неоднократно рыться в справочниках, чтобы найти внезапно понадобившийся тег, поэтому можете поместить данную страницу в закладки и подобный справочник будет всегда под рукой.

Что же касается примеров использования тегов, то нет ничего лучше, чем рассматривать уже готовый html код готовых интернет сайтов, для этого в браузере нужно найти вкладку "отобразить исходный код страницы" , обычно она есть в каждом браузере. (Браузер - программа с помощью которой Вы просматриваете страницы в интернете).

Теги могут быть как одиночные, так и парные. Парные теги открываются < код тега> и закрываются , все что расположено между открывающим и закрывающим тегами, попадет под его влияние. Теги могут иметь различные атрибуты, которые указываются с помощью специальных параметров. Теги могут быть вложенными один в другой и т.д.

echo $sape->return_links(); ?>

Внутри html документа необходимо использовать так называемые теги. Тег - это определенный условный код, обычно заключенный в скобки типа <> . Этот код дает понять браузеру, какой тип данных размещен между тегами, как нужно отображать эти данные, например такую информацию предоставляют теги форматирования текста. Тегов существует довольно много и начинающему вебмастеру тяжело в них ориентироваться, поэтому рассмотрим основные теги, которые могут Вам пригодиться уже при составлении первого сайта. Ниже в таблице тегов приведены не все теги, но основные выделены жирным шрифтом.

и

и	и

Основные теги
	Определяет тип документа как web страницу.
	Служебная часть документа, не отображаемая в браузере, тут размещаются заголовок, описание, ключевые слова и т.д.
	Между этими тегами располагается непосредственно сама web сраница, которую Вы видите на экране, могут размещаться и другие типы данных.
	Определяет способ сканирования данных для роботов поисковых систем.
	Указывается информация для поисковых роботов.
	В данном теге можно указать авторство.
	Для обеспечения работы с поисковыми серверами, указываются ключевые слова, через запятую.
	Применяется для не полностью прописанных ссылок, указывает начальный адрес в интернете
	Краткое описание web страницы, будет показано в результатах поиска поисковиками.
	Тег для заголовка страницы
	Определяет цвет фона web страницы
	Определяет цвет текста web страницы
	Задается цвет гиперссылок в нормальном состоянии
	Задает цвет уже просмотренных гиперссылок.
	Задает цвет выделенной гиперссылки.
	Тег заголовка, создает самый крупный заголовок, цифра 1 может меняться в пределах от 1 до 6. Шесть будет самый мелкий заголовок.
	Делает текст полужирным.
	Форматирует текст в наклонный.
	Иммитация стиля печатной машинки.
	Название переменных отображается курсивом
	Выделение цитат курсивом
	Создает абзац с текстом выделенным курсивом.
	Курсив (воспринимается поисковиками как выделение)
	Полужирное форматирование текста (воспринимается поисковиками, как особо сильное выделение)
	Устанавливает размер шрифта, значение от 1 до 7.
	Задает цвет текста.
Оформление гиперссылок в html
	Создает гиперссылку, имеется ввиду как внутренние так и внешние гиперссылки.
	Указывает в каком окне открывать гиперссылку.
	Гиперссылка для отправления почтового сообщения по электронной почте.
	Создает гиперссылку на метку в текущей странице.
	Ставит метку для гиперссылки на текущей странице.
	Гиперссылка на метку другой страницы.
Форматирование текста
	Создает новый параграф
	Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
	Запрещает перевод строки.
	Указывает где разбивать строку для переноса при необходимости.
	Вставляет перевод строки.
	Создает отступы с обеих сторон текста.
	Создает список определений.
	Определяет каждый из терминов списка
	Описывает каждое определение
	Форматирует текст в пронумерованный список
	Определяет каждый элемент списка и присваивает порядковый номер
	Тег для создания ненумерованного списка
	Отмечает каждую новую позицию в списку гружком или квадратиком.
	Данный тег используется для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементына странице
	Вставляет изображение на страницу.
	Форматирует положение изображения в документе, может иметь значения: left, right, center; bottom, top, middle.
	Устанавливает толщину рамки вокруг изображения
	Устанавливает поля сверху и снизу
	Устанавливает поля слева и справа.
	Создает всплывающую подсказку
	Добавляет горизонтальную линию.
	Указывает толщину линии.
	Указывает ширину линии в пикселах или процентах.
	Линия без тени.
	Определяет цвет линии.
Создание таблиц
	Тег создающий таблицу.
Задает строку в таблице.
		Задает отдельную ячейку в таблице.
		Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)
Какие бывают атрибуты таблицы
Назначает подпись таблицы
Определяет толщину рамки. Определяет расстояние между ячейками. Поля для текстового содержимого ячейки. Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах) или или Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах) Определяет горизонтальное выравнивание положения ячеек в таблице, может иметь значения: left, center, right. Определяет вертикальное выравнивание положения ячеек в таблице, может иметь значения: top, middle, или bottom. Указывает количество столбцов, объединенных в одной ячейке. Указывает количество строк, объединенных в одной ячейке. Не позволяет программе просмотра делать перевод строки в ячейке таблицы. Задает ширину ячейки таблицы в пикселях или процентах. Задает высоту ячейки таблицы в пикселях или процентах. Фреймы в документах html Предшествует тегу на фреймовой странице. Определяет строки в таблице фреймов, значение высоты которых определяется количеством пикселей или в процентах. Определяет столбцы в таблице фреймов, значение ширины которых определяется количеством пикселей или в процентах. Задает единичный фрейм или область в таблице фреймов. Задает информацию, которую увидит посетитель в случаях, когда показ фрейма невозможен. Используемые атрибуты фреймов html Привязка web страницы к окну фрейма. Назначает фрейму имя, для улучшения маршрутизации информации между фреймами и страницами. Отступы по горизонтали внутри фреймового окна. Отступы по вертикали внутри фреймового окна. Запрещает изменение размеров фреймового окна посетителем сайта. Ифрейм и его атрибуты Создает контейнер, который может содержать любые элементы. Другие элементы страницы будут обтекать данный контейнер.