- •Основные тэги HTML
- •Тэги физического форматирования текста
- •Тэги логического форматирования текста
- •Специальные символы HTML
- •Названия и коды цветов для HTML
- •Создание гиперссылок
- •Протокол://Домен/Путь/Файл#Метка
- •Создание фреймовой структуры
- •Каскадные таблицы стилей CSS
- •Способы определения стилей
- •Применение правил таблицы стилей:
- •Определение правил
- •Свойства для таблиц стилей
Справочный материал
к теме «Основы языка HTML»
Основные тэги HTML
1.<html> </html> - начало и конец HTML-документа.
2.<head> </head> - заголовок HTML-документа.
3.<title> </title> - текст, выводимый в заголовке окна браузера
4.<meta http-equiv=”Content-Type” content=”text/html; charset=Windows-1251”> -
указание кодировки символов (вариант для русского текста в Windows)
5.<body bgcolor=”color” background=”filename” text=”textcolor”> </body> - определитель границ и основных параметров тела документа. bgcolor – цвет фона документа, background – URL-адрес графического файла, используемого в качестве фона документа, text – цвет текста. Цвета выбираются из таблицы цветов
6.<p align=”a”> </p> - определитель абзаца. align – выравнивание текста в абзаце(left, right, center, justify)
7.<pre> </pre> - предварительно отформатированный текст; пробелы, отступы в начале строк сохраняются
8.<h1></h1> .. <h6></h6> - заголовки
9.<blockquote> </blockquote> - отделяет фрагмент текста пустыми строками и увеличивает отступы слева
10.<br> - перенос текста на следующую строку
11.<nobr> </nobr> - текст, размещаемый в одной строке
12.<strike> </strike> - перечёркнутый шрифт
13.<hr align=”a” size=”s” width=”w” color=”c” noshade> - горизонтальная линия; align –
выравнивание линии, size – высота линии в пикселях, width – ширина линии в пикселях или в процентах от ширины окна браузера, color – цвет линии по таблице цветов, noshade – отменяет рельефность линии
14.<img src=”s” width=”w” height=”h” border=”b” hspace=”hs” vspace=”vs” alt=”alt” align=”a”> - задаёт изображение; src – URL-адрес файла, хранящего изображение (обязательный параметр), width и height – ширина и высота изображения в пикселях, border – толщина рамки вокруг картинки, hspace и vspace – минимальное расстояние по горизонтали и вертикали между картинкой и находящимися рядом объектами, alt – текст, выводящийся на экран до полной загрузки картинки, align – выравнивание картинки относительно текста (top, texttop, middle, absmiddle, bottom, asbbottom, left, right)
15.<a href=”h”> </a> - определяет текстовый указатель ссылки, href – URL-адрес документа, на который указывает ссылка
16.<ul> </ul> - задаёт маркированный список
17.<ol> </ol> - задаёт нумерованный список
18.<li> - определяет элемент списка
19.<table border=”b” cellspacing=”cs” cellpadding=”cp” width=”w” height=”h” align=”a”> </table> - определяет начало, конец таблицы и её параметры, border – толщина рамки вокруг всей таблицы, cellspacing – промежуток между ячейками в пикселях, cellpadding – промежуток между содержимым ячейки и границей, width и height – высота и ширина таблицы, задаётся в пикселях или в процентах к размеру окна браузера, align – выравнивание таблицы в окне (left, right)
20.<caption> </caption> - заголовок таблицы, размещается внутри тэга table
21.<tr align=”a” valign=”v”> </tr> - задаёт начало и конец строки в таблице, align и valign
– горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline)
выравнивание текста
22.<td align=”a” valign=”v” colspan=”c” rowspan=”r”> </td> - задаёт границы ячейки с данными в таблице, align и valign – горизонтальное (left, right, center) и вертикальное
1
(top, middle, bottom, baseline) выравнивание текста, colspan и rowspan – количество объединяемых ячеек по горизонтали и по вертикали
23.<th align=”a” valign=”v” colspan=”c” rowspan=”r”> </th> - задаёт границы ячейки с заголовками в таблице, align и valign – горизонтальное (left, right, center) и
вертикальное (top, middle, bottom, baseline) выравнивание текста, colspan и rowspan –
количество объединяемых ячеек по горизонтали и по вертикали
Тэги физического форматирования текста
1.<b> </b> - жирный шрифт
2.<i> </i> - курсив
3.<u> </u> - подчёркнутый шрифт
4.<tt> </tt> - шрифт с символами одинаковой ширины
5.<strike> </strike> - перечёркнутый шрифт
6.<sub> </sub> - нижний индекс
7.<sup> </sup> - верхний индекс
8.<font size=”s” color=”c” face=”f”> </font> - определитель формата символов. size –
размер символов, задаётся в абсолютных (1..7) или относительных (-2, -1, +1, +2) единицах, color – цвет текста в абзаце, задаётся по таблице цветов, face – название шрифта (Times New Roman, Arial и т.д.)
Тэги логического форматирования текста
1.<acronym title=”t”> </acronym> - используется для отметки аббревиатур, title – текст, поясняющий аббревиатуру
2.<cite> </cite> - цитата, также может использоваться для выделения названий книг, статей; обычно такой текст выводится на экран курсивом
3.<code> </code> - используется для отметки небольшого фрагмента программного кода, обычно этому тэгу соответствует шрифт с символами одинаковой ширины, пробелы в начале строки игнорируются
4.<del> </del> - помечает так называемый “удалённый” текст, который отображается перечёркнутыми символами
5.<dfn> </dfn> - помечет фрагмент как определение (DeFinitioN), текст отображается курсивом
6.<em> </em> - используется для выделения важных фрагментов текста (EMphasis – выделение, подчёркивание), обычно курсив
7.<kbd> </kbd> - отмечает текст как вводимый с клавиатуры, отображение текста осуществляется шрифтом с символами одинаковой ширины
8.<q> </q> - помечает короткие цитаты, размещаемые в одной строке, обычно отображается курсивом
9.<samp> </samp> - помечает текст как образец, отображается шрифтом с символами одинаковой ширины
10.<strong> </strong> - помечает наиболее важный текст, текст отображается полужирным шрифтом
11.<var> </var> - отмечает имена переменных, обычно использует курсив
12.<adress> </adress> - применяется для идентификации автора документа и для указания адреса автора
2