Поделиться
4. м.pdf
Теги HTML
Структура web-страницы
<html>
<head>
<title>Название страницы </title> Заголовок
</head>
<body>
Содержимое web-страницы
</body>
</html>
|
Тег |
Назначение |
Атрибуты |
|
<br> |
Пропуск строки. |
clear (all, left, right) |
|
<html> …</html> |
Открывает и закрывает разметку web-страницы. |
|
|
<title> …</title> |
Название страницы, отображаемое в браузере на вкладке открытой страницы. |
|
|
<head>…</head> |
Заголовок страницы. |
|
|
<body>…</body> |
Между этими тегами расположено основное содержание web-страницы. |
• text — цвет текста всего документа • bgcolor — цвет фона • background — фоновый рисунок |
|
<font>…</font> |
Задаёт параметры выводимого на экран шрифта. |
• color — цвет • size — размер • face — тип |
|
<p>…</p> <div>…</div> |
Параграф (абзац). Задаёт параметры расположения текста. |
Выравнивание: • align="center" • align="left" • align="right" • align="justify" |
|
<center>…</center> |
Центрирование. |
|
|
<H1>…</H1> <H2>…</H2> … <H6>…</H6> |
Задаёт размер шрифта: <H1> — самый большой, <H6> — самый маленький. |
|
|
<tt>…</tt> <pre>…</pre> |
Моноширинный шрифт. |
|
|
<sup> … </sup> <sub> … </sub> |
Верхний индекс. Нижний индекс. |
|
|
Тег |
Назначение |
|
Атрибуты |
|
<img src="путь/имя файла"> |
Вставка картинки. |
|
align — выравнивание vspace — расстояние между текстом и рисунком (по вертикали) hspace —расстояние между текстом и рисунком (по горизонтали) alt — краткое описание картинки |
|
|
|
|
width — ширина самой картинки (в пикселях) |
|
|
|
|
height — высота самой картинки (в пикселях) |
|
|
|
|
border — рамка вокруг самой картинки (в пикселях). |
|
<a href="абсолютный путь">…</a> |
Вставка гиперссылки. |
|
link — цвет просто ссылки alink — цвет активной ссылки (нажатой) vlink — цвет уже посещенной ссылки |
|
<a href="mailto: e-mail">…</a> |
Ссылка на почтовый ящик. |
|
?subject=Тема пиcьма &Body=Текст вашего сообщения &cc=copy@mail.ru,copy2@mail.ru (копии письма через запятую) &bcc=hidden_copy@mail.ru,hidden_copy2@mail.ru (скрытые копии письма через запятую) |
|
<a name="закладка">…</a> <a href="#закладка">…</a> |
Создаёт закладку на странице. |
|
|
|
<table></table> |
Создаёт таблицу. |
|
bgcolor — цвет фора таблицы background — фоновый рисунок таблицы border — рамка таблицы height — высота таблицы |
|
|
|
|
width — ширина таблицы |
|
|
|
|
valign — расположение таблицы по вертикали |
|
<tr></tr> |
Задаёт строку. |
|
|
|
<td></td> |
Задаёт столбец. |
|
bgcolor — цвет ячейки height — высота ячейки width — длина ячейки colspan — объединение ячеек по горизонтали rowspan — объединение ячеек по вертикали |
|
|
|
|
cellspacing — пространство между ячейками |
|
|
|
|
cellpadding — поля ячейки (отступы от границ) |
|
< |
Символ: < |
|
|
|
> |
Символ: > |
|
|
|
" |
Символ: " |
|
|
|
  |
Символ: пробел |
|
|
|
& |
& |
|
|
|
Тег |
Назначение |
Атрибуты |
|
<ul> <li>Текст один <li>Текст другой <li>Текст сякой <li>Текст эдакий </ul> |
Маркированный список |
|
|
<ol> <li> Текст один <li> Текст другой <li> Текст сякой <li> Текст эдакий </ol> |
Нумерованный список |
|
|
|
Пример задания таблицы |
|||||||
|
<table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> |
|
|
||||||
|
Пример задания таблицы |
|
|
<table cellspacing="5"> <tr> <td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td> <td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td> </tr> <tr> <td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td> <td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td> </tr> </table>
|
|
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
