
- •Справочный материал к теме «Основы языка html» Основные тэги html
- •Тэги физического форматирования текста
- •Тэги логического форматирования текста
- •Специальные символы html
- •Названия и коды цветов для html
- •Создание гиперссылок
- •Протокол://Домен/Путь/Файл#Метка
- •Создание фреймовой структуры
- •Каскадные таблицы стилей css
- •Способы определения стилей
- •Применение правил таблицы стилей:
- •Определение правил
- •Свойства для таблиц стилей
Тэги физического форматирования текста
<b> </b> - жирный шрифт
<i> </i> - курсив
<u> </u> - подчёркнутый шрифт
<tt> </tt> - шрифт с символами одинаковой ширины
<strike> </strike> - перечёркнутый шрифт
<sub> </sub> - нижний индекс
<sup> </sup> - верхний индекс
<font size=”s” color=”c” face=”f”> </font> - определитель формата символов. size – размер символов, задаётся в абсолютных (1..7) или относительных (-2, -1, +1, +2) единицах, color – цвет текста в абзаце, задаётся по таблице цветов, face – название шрифта (Times New Roman, Arial и т.д.)
Тэги логического форматирования текста
<acronym title=”t”> </acronym> - используется для отметки аббревиатур, title – текст, поясняющий аббревиатуру
<cite> </cite> - цитата, также может использоваться для выделения названий книг, статей; обычно такой текст выводится на экран курсивом
<code> </code> - используется для отметки небольшого фрагмента программного кода, обычно этому тэгу соответствует шрифт с символами одинаковой ширины, пробелы в начале строки игнорируются
<del> </del> - помечает так называемый “удалённый” текст, который отображается перечёркнутыми символами
<dfn> </dfn> - помечет фрагмент как определение (DeFinitioN), текст отображается курсивом
<em> </em> - используется для выделения важных фрагментов текста (EMphasis – выделение, подчёркивание), обычно курсив
<kbd> </kbd> - отмечает текст как вводимый с клавиатуры, отображение текста осуществляется шрифтом с символами одинаковой ширины
<q> </q> - помечает короткие цитаты, размещаемые в одной строке, обычно отображается курсивом
<samp> </samp> - помечает текст как образец, отображается шрифтом с символами одинаковой ширины
<strong> </strong> - помечает наиболее важный текст, текст отображается полужирным шрифтом
<var> </var> - отмечает имена переменных, обычно использует курсив
<adress> </adress> - применяется для идентификации автора документа и для указания адреса автора
Специальные символы html
Запись специального символа |
Назначение |
< |
Знак “меньше” |
> |
Знак “больше” |
  |
Неразрывный пробел |
© |
Знак copyright |
& |
Амперсанд |
" |
Кавычки |
Названия и коды цветов для html
№ |
Название цвета |
Шестнадцатеричное значение |
Десятичные значения |
||
Красный |
Зелёный |
Синий |
|||
1 |
aqua (cyan) |
#00FFFF |
0 |
255 |
255 |
2 |
black |
#000000 |
0 |
0 |
0 |
3 |
blue |
#0000FF |
0 |
0 |
255 |
4 |
brown |
#A52A2A |
165 |
42 |
42 |
5 |
coral |
#FF7F50 |
255 |
127 |
80 |
6 |
gold |
#FFD700 |
255 |
215 |
0 |
7 |
gray |
#808080 |
128 |
128 |
128 |
8 |
green |
#008000 |
0 |
128 |
0 |
9 |
magenta |
#FF00FF |
255 |
0 |
255 |
10 |
orange |
#FFA500 |
255 |
165 |
0 |
11 |
red |
#FF0000 |
255 |
0 |
0 |
12 |
yellow |
#FFFF00 |
255 |
255 |
0 |
13 |
white |
#FFFFFF |
255 |
255 |
255 |
14 |
lightgrey |
#D3D3D3 |
211 |
211 |
211 |
15 |
lightskyblue |
#87CEFA |
135 |
206 |
250 |