MENU

20:23
коды html для новичков в верстке сайта

коды html для новичков в верстке сайта

- <a href="Здесь ссылка">текст</a> - ссылка на страницу. 
Если добавить "target="_blank"", то ссылка будет открываться в новом окне. пример: <a href="Здесь ссылка" target="_blank">Текст</a> 
Если добавить "title=""", то при наведении курсора на мышку будет выводиться текст. Пример: <a href="Здесь ссылка" title="Привет">Текст</a>

<hr>

- <area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью.
Если добавить "shape="rect" (circle, poly)" то будет выводиться тип оласти круг или прямоугольник(rect - прямоугольник, circle - круг, poly - многоугольник). Пример:  <area shape="rect">
Если добавить alt="описание" - будет выводиться описание, подсказка. Пример: <area alt="описание">
Если добавить href="тут ссылка" то поле будет ссылкой. Пример: <area href="тут ссылка">

- <b></b> - жирный текст

- <big></big> - крупный текст


- <body></body> - обязательный тэг

- <body text="#cc0000"> - задает цвет текста всего документа

- <body bgcolor="#000000"> - задает цвет фона документа

- <body background="картинка.jpg"> - задает фоновую картинку (Если добавить: clear="all" (center, left, right) картинка будет как есть, по центру, по левому, по правому краю)

- <body link="#ff9999"> - задает цвет ссылки

- <body alink="#ff9999"> - задает цвет активной (нажатой) ссылки

- <body vlink="#ff9999"> - задает цвет посещенной ссылки

- <body topmargin="0"> - определяет ширину верхнего и нижнего полей документа для IE

- <body leftmargin="0"> - определяет ширину левого и правого полей документа для IE

- <body marginheight="0"> - определяет ширину верхнего и нижнего полей документа для NN

- <body marginwidth="0"> - определяет ширину левого и правого полей документа для NN


- <center></center> - центрирование текста


- <font></font> - сам по себе никакой функции не выполняте, всегда употребляется с одним из параметров, приведенных ниже

- <font color="#cc0000">текст</font> - задает цвет текста выбранной части документа.

- <font size="+0">текст</font> - задает размер шрифта текста (от -2 до +4)

- <font face="Arial">текст</font> - задает определенный шрифт в документе (можно прописать какой-нибудь экзотический шрифт)


- <frame src="menu.html"> - определяет фрэйм и его свойства внутри frameset - главы 24 - 30.

marginheight="0" - определяет ширину верхнего и нижнего полей фрэйма.

marginwidth="0" - определяет ширину левого и правого полей фрэйма.

scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо).

name="window-1" - имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма").

- <frameset></frameset> - определяет фрэймовую структуру документа. Открывает и закрывает список фрэймов - главы 24 - 30.

rows="100,200,*" - определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях.

cols="10%,20%,70%" - определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах.

border - определяет ширину рамок фрэймов в пикселах.


- <Hx></Hx> - заголовок


-  <head></head> - обязательный тэг


- <hr> - линия

- <Hr align="right"> (center или left>

- <Hr width="30%"> (ширина линии в процентах)

- <Hr size="6"> (толщина линии)

- <Hr NoShade> (отмена объемности)

- <Hr color="cc0000"> (цвет линии, только в IE)

- <html></html> - обязательный тэг

- <i></i> - выделяет текст курсивом

- <img src="Ссылка на картинку"> - рисунок, картинка

Border="5" - рамка покруг картинки

width="500" - ширина картинки

height="100" - высота картинки

align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom)

vspace="10" - расстояние от картинки до текста по вертикали

hspace="30" - расстояние от картинки до текста по горизонтали

alt="описание" - описание картинки

usemap="#karta1" - ссылка на карту

- <map></map> - навигационные карты

name="karta1" - имя карты

- <marquee></marquee> - бегущая строка (текста)

height="16" - высота строки

width="250" - ширина строки

bgcolor="#99CCFF" - цвет фона

vspace="10" - расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали

hspace="20" - расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали

loop="2" - сколько раз прокрутится строка

direction="left" (right, up, down) - направление движения строки - влево (вправо, вверх, вниз)

behavior="scroll" (slide, alternate) - поведение строки - обычная прокрутка (прокрутка с остановкой, от края к краю)

scrollamount="1" - скорость движения строки, может принимать значения от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое)

- <li></li> - cписки

type="disk" - полный кружок (по умочанию)

type="circle" - полый кружок

type="square" - квадратик

- </p> - параграф

- <p align="center">текст</p> - центрирование текста.

- <p align="right">текст</p> - выравнивание текста по правому краю документа.

- <p align="left">текст</p> - выравнивание текста по левому краю документа.

- <p align="justify">текст</p> - выравнивание текста по обоим краям документа.

- <pre></pre> - форматированый текст

- <s></s> - перечеркнутый текст

- <small></small> - малый текст

- <stike></strike> - перечеркнутый текст

- <sub></sub> - нижний индекс

- <sup></sup> - верхний индекс

- <title></title> - название документа, страницы

- <table></table> - таблицы

- <tr></tr> - строчка (ряд) таблицы.

- <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" - задает пространство между ячейками.

cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами.

border="3" - задает толщину рамки таблицы.

bordercolor="#000000" - задает цвет рамки таблицы.

- <tt></tt> - фиксированный (моноширинный) текст

- <u></u> - подчеркнутый текст

 

Категория: html | Просмотров: 1192 | Добавил: antina | Теги: коды html | Рейтинг: 0.0/0
Всего комментариев: 0
avatar