Шпаргалка по HTML
Комментарий
<!--(комментарий)-->
Теги:
<A>(текст)</a> - парный тег
<A name="(метка)">(видимый текст метки)</a> - с атрибутом
<HR (атрибут) (атрибут)> - непарный тег с атрибутами
Web-страница:
<HTML>(содержимое Web-страницы)</html>
Содержимое Web-страницы = заголовок + тело
<HEAD>(заголовок Web-страницы)</head>
<BODY text="black">(тело Web-страницы)</body>
(атрибут цвета текста Web-страницы)
Заголовок Web-страницы включает наименование:
<TITLE>(наименование Web-страницы)</title>
Атрибуты фона Web-страницы
background="(путь к файлу фона)"
bgcolor="#RRGGBB" или bgcolor="цвет"
ТАБЛИЦА - метка: <A name="ТАБЛ">ТАБЛИЦА</a>
КОДЫ ЦВЕТОВ
| ЦВЕТ | КОД
|
|---|
| aqua | #00FFFF
|
|---|
| white | #FFFFFF
|
|---|
| yellow | #FFFF00
|
|---|
| green | #008000
|
|---|
| gold | #FFD700
|
|---|
| indigo | #480080
|
|---|
| maroon | #800000
|
|---|
| red | #FF0000
|
|---|
| olive | #808000
|
|---|
| orange | #FFA500
|
|---|
| purple | #800080
|
|---|
| lime | #00FF00
|
|---|
| silver | #C0C0C0
|
|---|
| gray | #808080
|
|---|
| teal | #008080
|
|---|
| blue | #0000FF
|
|---|
| navy | #000080
|
|---|
| violet | #EE80EE
|
|---|
| fuchsia | #FF00FF
|
|---|
| black | #000000
|
|---|
Цвет текста
<FONT color="red" size=абсолютный размер шрифта>(текст)</font>
от 1 до 7
Размер шрифта
<BASEFONT size=базовый размер шрифта:1-7>
относительный: size=+/-число
<BIG>(текст)</big> - увеличение размера шрифта
<SMALL>(текст)</small> - уменьшение
<B>(текст)</b> - выделяется жирным
<I>(текст)</i> - выделяется курсивом
<S>(текст)</s> - зачёркнутое начертание
<U>(текст)</u> - подчёркнутое
<SUB>(текст)</sub> - подстрочное
<SUP>(текст)</sup> - надстрочное
Разделители текста
<HR (атрибут)> - горизонтальная линия
может использоваться как маркер списка:
<HR color="lime" size=20 width=18 align="left">
Атрибуты выравнивания:
align="left"
align="center"
align="right"
align="justify"
Атрибуты:
size=(толщина в пикселах)
Width=(длина в пикселах)
Width=(длина в процентах%)
color="#RRGGBB" или color="цвет"
Заголовки текста
<H1 (атрибут)>(заголовок текста уровня 1)</h1>
. . .
<H6 (атрибут>(заголовок текста уровня 6)</h6>
Атрибуты выравнивания:
align="left"
align="center"
align="right"
Переходы и адреса
<A name="(метка)">(видимый текст метки)</a> - метка
<A href="#(метка)">(видимый текст ссылки на метку)</a> - переход на метку
<BASE href="(базовый адрес)"> - базовый адрес
Примеры:
http://компьютер/путь1
file://D:\путь\
Переход к таблице <P>Переход к <A href="#ТАБЛ">таблице</a></p>
<A href="относительный адрес">(видимый текст ссылки)</a>
Пример:
путь2/file.htm - относительный адрес
Атрибуты цвета гиперссылок:
link="#RRGGBB" - не просмотренных
vlink="#RRGGBB" - просмотренных
alink="#RRGGBB" - последней выбранной
Рисунки
<IMG src="путь к файлу">
текст пока грузится рисунок: alt="(текст)"
Таблицы
<TABLE (атрибуты)>(тело таблицы)</table>
Атрибуты:
border=0 width=100%
border=3 width=200
Тело таблицы:
<TR><TH (атрибут)>(заголовок 1,1)<TH (атрибут)>(заголовок 1,2)
<TR><TD (атрибут)>(ячейка 2,1)<TD (атрибут)>(ячейка 2,2)
Переход к таблице
Абзацы, рамки, цитаты
<P (атрибут)>(текст абзаца)</p>
Атрибут:
style="border: 3px solid green"
текст абзаца
<BR>(текст с новой строки)
<NOBR>(текст на одной строке)</nobr>
<PRE>(текст выводится как есть)</pre>
<CITE>(цитата курсивом)</cite>
<BLOCKQUOTE>(цитата с отступом)</blockquote>
<Q>(цитата без отступа)</q>
Open Source
Главная