HTML
.pdf
<META> теги
<meta> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.
Синтаксис HTML: |
Синтаксис XHTML: |
|
<head>
<meta content="..."> </head>
Атрибуты:
<head>
<meta content="..." /> </head>
●charset - Задает кодировку документа.
●content=[Refrash, Expires, Content-type, ...] Устанавливает значение атрибута, заданного с помощью name или http-equiv.
●http-equiv - Предназначен для конвертирования метатега в заголовок HTTP.
●name=[Author,Copyright,Description,Generator,Keywords, … ] - Имя метатега, также косвенно устанавливает его предназначение.
Пример:
<meta name="Author" content="Василий Пупкин">
<meta name="Keywords" content="ключевые слова для поисковых машин"> <meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Refresh" content="60">
<meta http-equiv="Refresh" content="5;URL=http://www.ru/index.html"> <meta http-equiv="Expires" content="Mon, 01 Jan 1990 00:00:01 GMT" >
Link
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами.
Синтаксис
<link атрибуты> - HTML <link атрибуты /> - XHTML
Атрибуты
charset - Кодировка связываемого документа. href - Путь к связываемому файлу.
media - Определяет устройство, для которого следует применять стилевое оформление. type - MIME-тип данных подключаемого файла.
Пример:
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="alternate" type="application/rss+xml"
title="RSS канал" href="http://my.ru/rss.xml"> <link rel="shortcut icon" href="http://my.ru/favicon.ico">
Тег <body>
Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера.
Синтаксис: |
Закрывающий тег: Открывающий и закрывающий |
|
<body> |
теги не обязательны. |
|
... |
|
|
</body> |
|
|
Атрибуты |
|
● link |
● alink |
|
|
Устанавливает цвет активной ссылки. |
Цвет ссылок на веб-странице. |
|
● background |
|
● rightmargin |
Задает фоновый рисунок на веб-странице. |
Отступ от правого края окна |
|
● bgcolor |
|
браузера до контента. |
Цвет фона веб-страницы. |
|
● scroll: yes | no |
● bgproperties: fixed |
|
Устанавливает, отображать полосы |
Определяет, прокручивать фон совместно |
прокрутки или нет. |
|
с текстом или нет. |
|
● text |
● bottommargin |
|
Цвет текста в документе. |
Отступ от нижнего края окна браузера до |
● topmargin |
|
контента. |
|
Отступ от верхнего края окна |
● leftmargin |
|
браузера до контента. |
Отступ по горизонтали от левого края окна |
● vlink |
|
браузера до контента. |
|
Цвет посещенных ссылок. |
Параграф
Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, содержит абзацы текста идущие друг за другом. Не может содержать в себе иные блочные элементы(например другой <p>). Не может быть пустым(пустой элемент игнорируется).
Синтаксис
<p>Текст</p>
Атрибуты ● align
Определяет выравнивание текста.
- left (по - умолчанию) |
Выравнивание по левому краю |
||
- |
right |
Выравнивание по правому краю |
|
- |
сenter |
Выравнивание по центру |
|
-justify Выравнивание по ширине
●универсальные атрибуты.
Закрывающий тег: Не обязателен.
Перевод строк
Тег <br> устанавливает перевод строки в том месте, где этот тег находится.
Синтаксис HTML
Текст<br> текст
XHTML
Текст<br /> текст
Закрывающий тег: Не требуется.
Пример:
<p>Текст до переноса<br> Текст после переноса</p>
Тег <nobr> уведомляет браузер отображать текст без переносов. Использование тега <nobr> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью.
Синтаксис
<nobr>Текст</nobr>
Закрывающий тег Обязателен.
Спецсимволы
Имя |
Код |
Вид |
Описание |
|
|
|
неразрывный пробел |
§ |
§ |
§ |
параграф |
« |
« |
« |
левая двойная угловая скобка |
|
|
|
место возможного переноса |
® |
® |
® |
знак зарегистрированной торговой марки |
" |
" |
" |
двойная кавычка |
& |
& |
& |
амперсанд |
< |
< |
< |
знак 'меньше' |
» |
» |
» |
правая двойная угловая скобка |
> |
> |
> |
знак 'больше' |
← |
← |
← |
стрелка влево |
↑ |
↑ |
↑ |
стрелка вверх |
→ |
→ |
→ |
стрелка вправо |
↓ |
↓ |
↓ |
стрелка вниз |
Пример: <p> E = m × c ² </p>
Заголовки
HTML различает шесть уровней заголовков, которые отличаются размером текста. Заголовок первого уровня отображается шрифтом самого большого размера, заголовок шестого – таким же размером, что и основной текст. Заголовки также, как и абзацы, являются блочным элементами.
Синтаксис:
<h1>Заголовок первого уровня</h1>
Атрибуты
●align: left | right | сenter | justify
Определяет выравнивание заголовка.
●универсальные атрибуты
Закрывающий тег: обязателен.
Пример:
<h1>Заголовок 1 уровня</h1> <h2>Заголовок 2 уровня</h2>
…
<h6>Заголовок 6 уровня</h6>
Физические стили
Форматирование текста — средства его изменения, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста. В табл. 1 перечислены основные теги, которые применяются для изменения оформления текста.
<b>Текст</b> |
Жирное начертание текста |
Текст |
<i>Текст</i> |
Курсивное начертание текста |
Текст |
<sup>Текст</sup> |
Верхний индекс |
e=mc 2 |
<sub>Текст</sub> |
Нижний индекс |
H2O |
<pre>Текст</pre> |
Текст пишется как есть, включая все пробелы |
Текст |
<em>Текст</em> |
Курсивный текст |
Текст |
<strong>Текст</strong |
Жирное начертание текста |
Текст |
> |
|
|
Любые теги форматирования текста можно использовать совместно друг с другом. Чтобы сделать текст одновременно жирным и курсивным шрифтом используется сочетание тегов <b> и <i> Их порядок в данном случае не важен.
Пример:
<p>Cделать текст <b><i>одновременно жирным и курсивным<i><b> шрифтом.</p>
Цвет
Существуют несколько основных способов представления цветов в вебе.
● В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
две первые цифры — красный две в середине — зелёный две последние цифры — синий
Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.
● Представление ключевыми словами, например green, black.
black (чёрный) #000000, blue (синий) #0000ff, |
green (зелёный) #008000, |
|
gray (серый) #808080, |
red (красный) #ff0000, white (белый) #ffffff, |
|
yellow (жёлтый) #ffff00 |
|
|
● В виде rgb(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.
Размер
Размер может задаваться в абсолютным или относительным значением от базового размера шрифта в документе.
Абсолютный размер. Число n при абсолютном задании размера может принимать значения от 1 до 7.
Пример
size=1 size=2 size=3 size=4 size=5 size=6 size=7
Относительный размер. Число n при относительном задании размера может принимать значения от 1 до 7 со знаками плюс (+) - увеличение или минус (-) - уменьшение размера шрифта на n пунктов по отношению к базовому размеру шрифта в документе. По умолчанию базовый размер шрифта в документе считается равны 3 в абсолютных значения.
Пример
size=-4 size=-3 size=-2 size=-1 size=+1 size=+2 size=+3 size=+4