Основные теги

реклама
Основные теги
<html> </html>
указывает программе просмотра страниц что это HTML документ.
<head> </head>
определяет место, где помещается различная информация не отображаемая в
теле документа. Здесь располагается тег названия документа и теги для
поисковых машин.
<body> </body>
тело документа, обязательный тэг
Теги оглавления
<title> </title>
<bgsound>
<meta>
<base>
href = url
<link>
<script></script>
помещает название документа в оглавление программы просмотра страниц
src=”музыка”
loop=”0” – количество повтора (infinite-всё время)
Обеспечивает дополнительную информацию о документе. Обычно используется
для улучшения возможности поиска документа, а также может использоваться
при выполнении элементарных функций.
content=text - определяет значение тэга.
http-equiv=text - определяет информацию, которая будет включена в заголовок
HTTP, добавляемый сервером к конец документа.
name=text - определяет имя мета-информации.
scheme=text - обеспечивает дополнительную информацию для интерпритации
метаданных
определяет базовый URL для всех относительных URL'ей в документе.
Вставка css файла, иконки
type="image/x-icon" href="путь к ico файлу" rel="icon" – данные для иконки
href="путь к css файлу" media="screen" type="text/css" rel="stylesheet" –
данные для файла css
Вставка скрипта в файле js
type="text/javascript" – указывает на вид скрипта
src – путь к файлу
Теги для форматирования текста
<pre> </pre>
обрамляет предварительно отформатированный текст.
<h1> </h1>
создает САМЫЙ БОЛЬШОЙ заголовок
<h6> </h6>
создает самый маленький заголовок
<b> </b>
<i> </i>
создает жирый текст
создает наклонный текст
<u> </u>
создает подчёркнутый текст
<S> </S>
<strike> </strike>
создает перечеркнутый текст
<tt> </tt>
создает текст - имитирующий стиль печатной машинки.
<q> </q>
выделяет короткие цитаты, которые могут быть включены в строку.
<cite> </cite>
используется для цитат, обычно наклонный текст.
<em> </em>
используется для выделения из текста слова (наклонный или жирный текст)
<strong> </strong>
используется для выделения наиболее выжных частей текста (наклонный или
жирный текст)
<big> </big>
<small> </small>
<font> </font>
<address> </address>
<p> </p>
выделение текста более крупным шрифтом, чем основной
выделение текста более мелким шрифтом, чем основной
управление шрифтами
color="#cc0000 - задает цвет для блока текста
size="+0" - задает размер шрифта текста (от -2 до +4)
face="Arial" - задает определенный тип шрифта
обозначает право собственности на информацию или ее авторство, обычно в
начале или в конце документа. Адреса в основном выделяются курсивом с
линией разрыва, но без пробелов выше и ниже.
параграф, выравнивание текста и объектов
align="center" - центрирование
align="right" - выравнивание по правому краю документа
align="left" - выравнивание по левому краю документа
align="justify" - выравнивание по обоим краям документа
<sub> </sub>
создает нижний индекс
<sup> </sup>
создает верхний индекс
<br>
<blockquote>
</blockquote>
<dl> </dl>
вставляет перевод строки.
создает отступы с обеих сторон текста.
создает список определений.
<dt>
определяет каждый из терминов списка
<dd>
описывает каждое определение
<ol> </ol>
<li>
<ul> </ul>
<li>
<div> </div>
<center> </center>
<hr>
создает нумерованный список
определяет каждый элемент списка и присваивает номер
создает ненумерованный список
определяет каждый элемент списка и добавляет кружок или квадратик.
выравнивание текста и объектов
align="center" - центрирование
align="right" - выравнивание по правому краю документа
align="left" - выравнивание по левому краю документа
align="justify" - выравнивание по обоим краям документа
центрирование текста и объектов
линия
align="right" (center или left)
width="30%" (ширина линии в процентах)
size="6" (толщина линии)
NoShade (отмена объемности)
color="cc0000" (цвет линии, только в IE)
Гиперссылки
<a > </a>
ссылка
href="другой_документ.html" - путь к документу
target=_blank - открывает ссылку в новом окне
href=”#номер закладки” - закладка
name="тот же номер" - имя закладки
title="Ваша подсказка" - подсказка к ссылке (текстовой)
href=”mailto:e-mail”
- ?subject=Тема письма
-&Body=Текст вашего сообщения
- &cc=e-mail2,e-mail3 (копия письма через запятую)
- &bcc=e-mail (скрытые копии письма через запятую)
Графические элементы
<img src="name">
<area></area>
подгрузка изображений (картинок)
Border="5" - рамка покруг картинки
width="500" - ширина картинки
height="100" - высота картинки
align="left" - расположение текста по отношению к картинке
vspace="10" - расстояние от картинки до текста по вертикали
hspace="30" - расстояние от картинки до текста по горизонтали
alt="описание" - описание картинки
usemap="#karta1" - ссылка на карту
определяет геометрические области внутри карты и ссылки для них
shape="rect" (circle, poly) - тип области
coords="x1,y1,..." - координаты области (x,y,R)
alt="описание" - описание, подсказка
href="document.html" - ссылка
Таблицы
<table></table>
таблица
bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки)
background="картинка.gif" - задает фоновый рисунок
width="50" или width="50%"- ширина таблицы
height="45" или height="45%"- высота таблицы
cellspacing="5" - расстояние между ячейками
cellpadding="5" - расстояние внутри ячеек
border="3" - задает толщину рамки таблицы
bordercolor="#000000" - задает цвет рамки таблицы
<tr></tr>
строка таблицы
bgcolor="#FFCC33" - цвет фона
background="картинка.gif" - задает фоновый рисунок
width="50" или width="50%"- ширина
height="45" или height="45%"- высота
<td></td>
ячейка данных таблицы
bgcolor="#FFCC33" - цвет фона
background="картинка.gif" - задает фоновый рисунок
width="50" или width="50%"- ширина
height="45" или height="45%"- высота
align="center" (right, left) - горизонтальное выравнивание содержимого
valign="middle" (top, bottom) - вертикальное выравнивание содержимого
colspan="2" - растянуть ячейку на несколько стобцов
rowspan="2" - растянуть ячейку на несколько рядов
cellspacing="5" - расстояние между ячейками
<th></th>
определяет заголовок таблицы
<thead> </thead>
определяет заглавную часть таблицы и должен содержать информацию о
таблице
<tbody> </tbody>
определяет основную часть таблицы
<tfoot> </tfoot>
<caption> </caption>
определяет нижнюю часть таблицы
oбеспечивает краткое описание содержания таблицы.
Фреймы
<frameset>
</frameset>
<frame> </frame>
<noframes></noframes>
определяет макет основного окна в виде прямоугольных пространств
rows="100,200,*" - определяет расположение горизонтальных фреймов
cols="10%,20%,70%" - определяет расположение вертикальных фреймов
border - определяет ширину рамок фрэймов в пикселах
определяет содержимое и вид одного фрейма
marginheight="0" - ширина верхнего и нижнего полей фрэйма
marginwidth="0" - ширинау левого и правого полей фрэйма
scrolling="yes" (no, auto) - линейка прокрутки
name="window-1" - имя фрейма
noresize - запретить посетителю менять размеры фреймов
oпределяет, что будет показано в окне браузера если он не поддерживает
кадры
Формы
<form></form>
<input>
Метка формы. Обязательный тег в формах
action - Обязательный атрибут. Определяет, где находится обработчик формы
method - Определяет каким образом данные из форм будут переданы
обработчику. Допустимые значения: method=post и method=get
enctype - Определяет каким образом данные из форм будут закодированы для
передачи обработчику
Простейшая форма.
value=”надпись”
type=”тип формы”

submit - отправить

text – поле текста

password – поле для пароля

radio - радиокнопка

checkbox – кнопка квадратик

hidden – скрытый элемент для обработчика

reset - очистить
maxlength=число – максимальное количество символов
checked – помеченная кнопка первоначально
name - имя элемента для отправки на сервер или обращения через скрипты
placeholder – текст-подсказка
<select> </select>
элемент интерфейса в виде раскрывающегося списка
<option> </option>
Строки в раскрывающемся списке
disable - блокирует доступ и изменение элемента.
multiple - позволяет одновременно выбирать сразу несколько элементов списка
name - имя элемента для отправки на сервер или обращения через скрипты
size - количество отображаемых строк списка
selected – выбранная строка первоначально
<textarea></textarea>
Форма для текста
name - имя элемента для отправки на сервер или обращения через скрипты
maxlength=число – максимальное количество символов
<button></button>
Кнопка.
name - имя элемента для отправки на сервер или обращения через скрипты
value=”надпись”
Скачать