Коротко о HTML
Определение стиля
<Style> - ; начало процедуры изменения цветов текста
- a:link { color: #цвет текста} - обычная ссылка
- a:visited { color: #цвет текста} - использованная ранее ссылка
- a:active { color: #цвет текста} - нажатая ссылка
- a:hover { color: #цвет текста} - активная ссылка
</Style > - конец процедуры изменения цветов текста
Пример изменения цветов текста:
<Style>
a:link {color: #660000}
a:visited {color: #808080}
a:active {color: #006600}
a:hover {color: #000066}
</Style>
Форматирование
- - <center> начало центрирования текста и объектов
- - </center> конец центрирования текста и объектов
-
-< br /> следующая строка
- - <dir> начало действия абзаца смещением по Tab
- - </dir> конец действия абзаца смещением по Tab
Шрифты
<font> начало описания текста
color="{параметр цвета}" – цвет текста
FF0000 - концентрация красного цвета
00FF00 - концентрация зеленого цвета
0000FF - концентрация синего цвета
Концентрация любого из трех цветов может быть от "00" до "FF":
size="{число}" - размер шрифта
1 – самый маленький, 7 - самый большой
face="{имя шрифта}" – шрифт текста
</font> - конец описания текста
Например: <font color="#FF00FF" Size="3" Face="futura md bt" >
Например: <font color="#0000FF" Size="5" Face="Arial" >
Например: <font color="#FF0000" Size="6" Face="Monotype Corsiva" >
- <Strong> - жирность текста
- </Strong> - отмена жирности
- </U> - отмена подчеркивания
- <Strike> - зачеркнутый текст
- </Strike> - отмена зачеркнутого текста
- <Tt> - начало придавленного текста
- </Tt >- конец придавленного текста
- <Pre> - начало текста с учетом его расположения
-< /Pre> - конец текста с учетом его расположения
- Простой текст и - <Sub> - нижний индекс
- </Sub> - отмена нижнего индекса
- Простой текст и - <Sup> - верхний индекс
- </Sup> - отмена верхнего индекса
Списки
- <Ul> начало ненумерованного списка
- - <Li> начало одного пункта из списка
- - <Li> Следующий пункт
- - <Li> Следующий пункт
- </Ul> конец ненумерованного списка
- <Ol> начало нумерованного списка
- - <Li> начало одного пункта из нумерованного списка
- - <Li> Следующий пункт
- - <Li> Следующий пункт
-</Ol> конец нумерованного списка
Специальные символы
Аудиозапись
Например:
<audio controls>
<source src="2.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Видео
Например:
<video width="320" height="240" controls>
<source src="gif/m.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Рисунки
<img src="{имя файла с расширением}"> - вставка рисунка
title="{текст}" - всплывающая подсказка
border="{число}" - ширина рамки рисунка
width="{число}" - размер рисунка по горизонтали или %
height="{число}" - размер рисунка по вертикали или %
align="Center" – расположение центра рисунка по середине текста
hspace="{число}" – опступ рисунка от остальных объектов по вертикали
vspace="{число}" – опступ рисунка от остальных объектов по горизонтали
Например: <img src="gif/0_1.gif" title="Web" border="1">
Вставка многозначного рисунка
<Img IsMap> - вставка многозначного рисунка
UseMap="#{имя}" – имя карты
Shape="{имя}" – имя фигуры
Src="{имя файла с расширением}" – многозначный файл
<Map> - начало карты изображения
</Map> - конец карты изображения
<Area> - вставка одной сноски
Shape="{имя}" – имя фигуры
Rect – квадрат, Circle - круг, Poly – любая фигура
Coords"{числа}" – координаты фигуры
Если фигура - квадрат, координаты: Xнач, Yнач, Xкон, Yкон
Если фигура - круг, координаты: Xцентра, Yцентра, Радиус
Если фигура неопределенная, координаты: X1, Y1, X2, Y2, X3, Y3...
Href"{имя файла с расширением}" – файл, который откроется после нажатия
Например:<Img IsMap UseMap="#Map1" Src="File.gif" Width="197"
Height="136"> <Map Name="Map1"><Area Shape=Circle
Coords="50,50,20" Href="File1.htm"><Area Shape=Rect
Coords="80,80,150,120" Href="File2.htm"></Map>
Meta Tags
<Meta Http-equiv="Refresh"> - показ дополнительного файла перед основным
Content="{число}; Url={имя файла с расширением}" – загрузка
основного файла через определенное число секунд
Например: <Meta Http-equiv="Refresh" Content="10; Url=Total.htm">
<Meta Http-equiv="Author"> - указание имени автора
Content="{текст}" – имя автора
Например: <Meta Http-equiv="Author" Content="My Name">
<Meta Http-equiv="Description"> - описание своего документа
Content="{текст}" – описание
Например: <Meta Http-equiv="Description" Content="My Discription">
<Meta Http-equiv="Keywords"> - описание страницы через определенные
слова
Content="{текст}" – слова через запятую или пробел
Например: <Meta Http-equiv="Keywords" Content="My Home pagel">
<Meta Http-equiv="Reply-to"> - указание Вашего E-Mail
Content="{адрес E-Mail}" – Ваш E-Mail
Например: <Meta Http-equiv="Reply-to" Content="webmaster@name.ru">
<Meta Name="Date"> - дата создания Вашего сайта
Content="{дата}" – дата создания Вашего сайта
Например: <Meta Name="Data" Content="May 28 1999 15:34 Am">