HTML-основа основ!
HTML - это гипертекстовый язык разметки, на котором создаётся абсолютное большинство страниц в Интернете. Его знание необходимо абсолютно любому Web-мастеру, причём совершенно не важно, как Вы создаёте сайты: абсолютно с нуля или же с помощью какой-нибудь CMS. И в первом, и во втором случае Вы будете использовать язык HTML.
Поэтому данный раздел сайта является обязательным к изучению абсолютно для всех Web-мастеров.
Язык HTML, несмотря на свою простоту, является необычайно важным для изучения. Надеюсь, здесь даже споров и сомнений у Вас не возникнет.
Сам язык HTML состоит из множества элементов, так называемых тегов HTML. Каждый тег HTML
выполняет свою задачу: одни вставляют ссылку, другие картинку, третьи
создают таблицы для выравнивания других тегов, четвёртые позволяют
делать отдельные блоки на странице, - все эти элементы Вы будете
использовать при создании своих сайтов. И вот почти со всеми HTML тегами я Вам и предлагаю познакомиться на соответствующем сайте. Это великолепный сайт, на котором я сам обучился HTML, там все объяснено понятно и ясно.
Так же в помощь вам-начинающему вебмастеру вот таблица тегов :)
И вот ссылка на HTML таблицу цветов.
<html></html> | Указывает программе просмотра страниц что это HTML документ. |
<head></head> | Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
<body></body> | Определяет видимую часть документа |
<title></title> | Помещает название документа в оглавление программы просмотра страниц |
<body bgcolor=?> | Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: #ffffff - белый цвет. |
<body text=?> | Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: #fffafa - белоснежный цвет. |
<body link=?> | Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: #fffbf0 - кремовый цвет. |
<body vlink=?> | Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: #ffdab9 - персиковый цвет. |
<body alink=?> | Устанавливает цвет гиперссылок при нажатии. |
<pre></pre> | Обрамляет предварительно отформатированный текст. |
<h1></h1> | Создает САМЫЙ БОЛЬШОЙ заголовок |
<h6></h6> | Создает самый маленький заголовок |
<b></b> | Создает жирый текст |
<i></i> | Создает наклонный текст |
<tt></tt> | Создает текст - имитирующий стиль печатной машинки. |
<cite></cite> | Используется для цитат, обычно наклонный текст. |
<em></em> | Используется для выделения из текста слова (наклонный или жирный текст) |
<font size=?></font> | Устанавливает размер текста в пределах от 1 до 7. |
<font color=?></font> | Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
<a href="URL"></a> | Создает гиперссылку на другие документы или часть текущего документа. |
<a
href="mailto:EMAIL"> </a> |
Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу. |
<a name="NAME"></a> | Отмечает часть текста как цель для гипперссылок в документе. |
<a href="#NAME"></a> | Создает гиперссылку на часть текущего документа. |
<p> | Создает новый параграф |
<p align=?> | Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center |
<br> | Вставляет перевод строки. |
<blockquote> </blockquote> |
Создает отступы с обеих сторон текста. |
<dl></dl> | Создает список определений. |
<dt> | Определяет каждый из терминов списка |
<dd> | Описывает каждое определение |
<ol></ol> | Создает нумерованный список |
<li> | Определяет каждый элемент списка и присваивает номер |
<ul></ul> | Создает ненумерованный список |
<li> | Предваряет каждый элемент списка и добавляет кружок или квадратик. |
<div align=?> | Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей |
<img src="name"> | Добавляет изображение в HTML документ |
<img src="name" align=?> | Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle |
<img src="name" border=?> | Устанавливает толщину рамки вокруг изображения |
<hr> | Добавляет в HTML документ горизонтальную линию. |
<hr size=?> | Устанавливает высоту(толщину) линии |
<hr width=?> | Устанавливает ширину линии, можно указать ширину в пикселах или процентах. |
<hr noshade> | Создает линию без тени. |
<hr color=?> | Задает линии определенный цвет. Значение RRGGBB. |
<table></table> | Создает таблицу. |
<tr></tr> | Определяет строку в таблице. |
<td></td> | Определяет отдельную ячейку в таблице. |
<th></th> | Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) |
<table border=#> | Задает толщину рамки таблицы. |
<table cellspacing=#> | Задает расстояние между ячейками таблицы. |
<table cellpadding=#> | Задает расстояние между содержимым ячейки и ее рамкой. |
<table width=#> | Устанавливает ширину таблицы в пикселах или процентах от ширины документа. |
<tr align=?> или <td align=?> | Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right. |
<tr valign=?> или <td valign=?> | Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. |
<td colspan=#> | Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1) |
<td rowspan=#> | Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1) |
<td nowrap> | Не позволяет программе просмотра делать перевод строки в ячейке таблицы. |
<frameset></frameset> | Предваряет тег <body> в документе, содержащем фреймы; |
<frameset rows="value,value"> | Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов. |
<frameset cols="value,value"> | Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов. |
<frame> | Определяет единичный фрейм или область в таблице фреймов. |
<noframes></noframes> | Определяет, что будет показано в окне браузера если он не поддерживает фреймы. |
<frame src="URL"> | Определяет какой из HTML документов будет показан во фрейме. |
<frame name="name"> | Указывает Имя фрейма или области, что позволяет перенаправлять информацию в этот фреймр или область из других фреймов. |
<frame marginwidth=#> | Определяет величину отступов по левому и правому краям фрейма; должно быть равно или больше 1. |
<frame marginheight=#> | Определяет величину отступов по верхнему и нижнему краям фрейма; должно быть равно или больше 1. |
<frame scrolling=VALUE> | Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto. |
<frame noresize> | Препятствует изменению размеров фрейма. |
Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI- или PHP-скрипты на сервере. HTML только создает внешний интерфейс формы. | |
<form></form> | Создает формы |
<select multiple name="NAME" size=?></select> | Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки. |
<option> | Указывает каждый отдельный элемент меню |
<select name="NAME"></select> | Создает ниспадающее меню |
<option> | Указывает каждый отдельный элемент меню |
<textarea name="NAME" cols=40 rows=8></textarea> | Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту. |
<input type="checkbox" name="NAME"> | Создает checkbox. За тегом следует текст. |
<input type="radio" name="NAME" value="x"> | Создает radio кнопку. За тегом следует текст. |
<input type=text name="foo" size=20> | Создает строку для ввода текста. Параметром Size указывается длина в символах. |
<input type="submit" value="NAME"> | Создает кнопку "Принять" |
<input type="image" border=0 name="NAME" src="name.gif"> | Создает кнопку "Принять" - для этого используется изображение |
<input type="reset"> | Создает кнопку "Отмена" |