- •Справочный материал к теме «Основы языка html»
- •Основные теги html
- •Теги физического форматирования текста
- •Теги логического форматирования текста
- •Специальные символы html
- •Названия и коды цветов для html
- •Создание гиперссылок
- •Протокол://Домен/Путь/Файл#Метка
- •Создание фреймовой структуры
- •Каскадные таблицы стилей css
- •Способы определения стилей
- •Применение правил таблицы стилей:
- •Определение правил
- •Свойства для таблиц стилей
Справочный материал к теме «Основы языка html»
Основные теги html
<!DOCTYPE HTML> - элемент, содержащий сведения об используемой версии языка HTML (стандарт и тип документа):
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 //EN”> - стандарт 4.01, строгое определение типа документа,
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional //EN”> - стандарт 4.01, переходное определение типа документа,
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Frameset //EN”> - стандарт 4.01, определение типа документа, имеющего фреймовую структуру.
<html> </html>- начало и конецHTML-документа.
<head> </head> - заголовокHTML-документа.
<title> </title> - текст, выводимый в заголовке окна браузера
<meta http-equiv=”Content-Type” content=”text/html; charset=Windows-1251”> - указание кодировки символов (вариант для русского текста вWindows)
<body bgcolor=”color” background=”filename” text=”textcolor”> </body>- определитель границ и основных параметров тела документа.bgcolor – цвет фона документа,background– URL-адрес графического файла, используемого в качестве фона документа,text– цвет текста. Цвета выбираются из таблицы цветов.
<p align=”a”> </p>- определитель абзаца.align – выравнивание текста в абзаце(left, right, center, justify)
<pre> </pre>- предварительно отформатированный текст; пробелы, отступы в начале строк сохраняются
<h1></h1> .. <h6></h6>- заголовки
<blockquote> </blockquote>- отделяет фрагмент текста пустыми строками и увеличивает отступы слева
<br>- перенос текста на следующую строку
<nobr> </nobr>- текст, размещаемый в одной строке
<strike> </strike> - перечёркнутый шрифт
<hr align=”a” size=”s” width=”w” color=”c” noshade> - горизонтальная линия; align – выравнивание линии, size – высота линии в пикселях, width – ширина линии в пикселях или в процентах от ширины окна браузера, color – цвет линии по таблице цветов, noshade – отменяет рельефность линии
<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)
<a href=”h”> </a>- определяет текстовый указатель ссылки,href – URL-адрес документа, на который указывает ссылка
<ul> </ul>- задаёт маркированный список
<ol> </ol>- задаёт нумерованный список
<li>- определяет элемент списка
<table border=”b” cellspacing=”cs” cellpadding=”cp” width=”w” height=”h” align=”a”> </table>- определяет начало, конец таблицы и её параметры,border– толщина рамки вокруг всей таблицы,cellspacing– промежуток между ячейками в пикселях,cellpadding– промежуток между содержимым ячейки и границей,widthиheight– высота и ширина таблицы, задаётся в пикселях или в процентах к размеру окна браузера,align– выравнивание таблицы в окне (left, right)
<caption> </caption>- заголовок таблицы, размещается внутри тега table
<tr align=”a” valign=”v”> </tr>- задаёт начало и конец строки в таблице,alignиvalign– горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline) выравнивание текста
<td align=”a” valign=”v” colspan=”c” rowspan=”r”> </td>- задаёт границы ячейки с данными в таблице, align и valign – горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline) выравнивание текста,colspanиrowspan– количество объединяемых ячеек по горизонтали и по вертикали
<th align=”a” valign=”v” colspan=”c” rowspan=”r”> </th>- задаёт границы ячейки с заголовками в таблице,alignиvalign– горизонтальное (left, right, center) и вертикальное (top, middle, bottom, baseline) выравнивание текста,colspanиrowspan– количество объединяемых ячеек по горизонтали и по вертикали
<!- - - > - комментарии