От англ. сокр. HyperText Markup Language - язык гипертекстовой разметки, на котором браузеру сообщается, что (текст, картинки, таблицы, формы) и каким образом должно отображаться на странице. Для просмора используются разнообразные браузеры (Opera, IExplorer и др.)
Основные понятия языка html
Тег - это стартовый и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, например: <html>. Конечный тег всегда снабжается косой чертой: </html>.
Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки позволяют переходить от одного документа к другому.
Фрейм - область гипертекстового документа со своими полосами прокрутки.
Скрипт - программа, включенная в состав Web-страницы для расширения ее возможностей.
Основные теги идентификаторы:
<html> - идентификатор всего блока html-команд.
<head> - идентификатор заголовка документа html.
<title> - идентификатор заголовка окна просмотра.
<meta> - этот непарный тег применяется для указания подробной информации о документе.
<body> - идентификатор html-команд документа для просмотра.
Теги форматирования текста:
одиночные (которые не требуют закрытия тегов косой чертой):
<br> - идентификатор перевода строки.
<hr> - идентификатор изображения горизонтальной линии.
парные теги:
<b> - идентификатор полужирного шрифта.
<strong> - идентификатор выделенного шрифта.
<i> - идентификатор курсива.
<u> - идентификатор подчеркивания.
<s> - идентификатор перечеркивания.
<tt> - идентификатор равноширинного шрифта (телетайпного или курьера).
<big> - задает увеличенный размер шрифта.
<small> - задает уменьшенный размер шрифта.
<center> - задает центрирование текста.
<sub> - задает нижний индекс.
<sup> - задает верхний индекс.
Определение вида пробелов:
normal -автоматическое форматирование текста.
pre -текст остается без изменений.
nowrap -запрет на автоматический разрыв строк.
Теги форматирования заголовков и подзаголовков документа:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>.
Теги форматирования абзацев:
<p> - идентификатор абзаца.
<p align=left> - выравнивание текста в абзаце по левому краю.
<p align=right> - выравнивание текста в абзаце по правому краю.
<p align=center> - выравнивание текста в абзаце по центру.
<p align=justify> - полное выравнивание по обоим краям экрана.
Тег гипертекстовой ссылки:
<a href="excite.htm">boom.htm</a> - гипертекстовая ссылка, переход к файлу boom.htm.
<a href="excite.htm">boom.txt</a> - гипертекстовая ссылка, переход к файлу boom.txt.
Тег перехода внутри страницы для больших страниц:
<a name="Метка">Текст для клика</а>
Для перехода к фрагменту на другой странице используют:
<a href="http://URL/file.type/#Метка">Текст для клика</а>
Для перехода внутри страницы используют:
Подсказка<a href="#Метка">Текст для клика</а>)
<a href="mailto: int@mtu-net.ru">int@mtu-net.ru</a> - гиперссылка на адрес электронной почты. При нажатии происходит вызов почтовой программы и указанный адрес вводится в пункт Кому. Пример: E-mail: int@mtu-net.ru
Создание бегущей текстовой строки:
<marquee behavior="scroll" direction="right" loop="-1">Бегущая строка!</marquee>
Если текстовая строка должна бежать влево, то вместо right должно быть слово left. Можно создать бегущую текстовую строку еще проще (то есть без атрибутов, и она будет бежать влево):
<marquee>Здравствуй!</marquee>
Если текстовая строка должна бежать то влево, то вправо, то в теге <marquee> используется атрибут behavior="alternate".
Пример:
<marquee behavior="alternate">Привет!</marquee>
Теги идентификатора html-команд документа для просмотра:
<body bgcolor="black" text="aqua" link="yellow"> - задает цвет текста (text), цвет фона (bgcolor) и цвет гипертекстовой ссылки (link). Задают еще alink="" и vlink="" -цвета активной и посещенной ссылки.
<body background="background.jpg"> - задает фоновый рисунок на Web-странице из файла background.jpg.
<body background="/pictures/back.bmp"> - задаёт фоновый рисунок на Web-странице из файла back.bmp
Если в тег body добавить параметр onSelectStart="return false", то Internet Explorer запретит выделять текст и графику в окне браузера.
Если в тег body добавить параметр onCopy="return false", то Internet Explorer запретит копировать выделение в буфер обмена.
Тег изображений:
<img src="/pictures/boss.jpg"> - вставка графического изображения в виде файла boss.jpg (Можно использовать *.jpeg и анимированные *.gif)
<img src="boss.jpg" width="100" height="200"> - Атрибут width задает ширину изображения в пикселях. Атрибут height задает высоту изображения в пикселях.
<img src="picture.jpg" border=2 alt="Изображение"> - атрибут border задает рамку по периметру изображения толщиной 2 пикселя. Атрибут Alt дает текст на месте рамки, если изображения нет. Атрибут border=0 используется, чтобы убрать рамку вокруг рисунка (пригодиться при использовании анимированных *.gif на прозрачной основе)
<img src="band.jpg" border=0 width="70" height="50" align="left" hspace=5 alt="Бэнд"> Здесь атрибут hspace=5 обеспечивает плавное обтекание рисунка текстом. Он задает ширину незаполненного пространства справа и слева от рисунка в пикселях. Атрибут align="left" обеспечивает размещение рисунка слева.
Теги атрибутов цвета:
<font color="red" size=7> - задает цвет символов текста (атрибут color) и их размер (атрибут size). В конце необходим тег </font>.
<hr color="yellow"> - задает цвет горизонтальной линии.
Список основных цветов символов html:
aqua - бирюзовый;
black - черный;
blue - синий;
gray - серый;
green - зеленый;
lime - ярко-зеленый;
maroon - темно-красный;
white - белый;
navy - темно-синий;
olive - оливковый;
purple - фиолетовый;
red - красный;
silver - светло-серый;
teal - ярко-голубой;
yellow - желтый;
fuchsia - ярко-фиолетовый.
brown - коричневый,
orange - оранжевый,
cyan - оттенок бирюзового,
pink - розовый и др.
Также для задания цвета можно использовать RGB-коды (#DDDDDD, #EE0000 и др.)
Тег воспроизведения звука
Для воспроизведения звука (файл *.mid) после загрузки документа HTML в броузер Internet Explorer или Opera (т.е. в фоновом режиме), надо записать следующую команду: <bgsound src="/windows/canyon.mid" loop=1> Можно также использовать файл формата *.wav. Число воспроизведений музыки loop можно увеличить с 1 до n.
Тег таблицы
<table></table>.
По горизонтали, например по центру, таблицу можно выровнять с помощью тега <p align="center">, размещаемого перед <table>.
Тег <table> может иметь атрибуты:
<table border="6" width="200" cellpadding="10" cellspacing="7">, где border="8" - ширина боковой грани в пикселях. При нулевом значении рамка исчезает совсем.
width="200" - ширина таблицы в пикселях или width="70%" -ширина таблицы в % по отношению к ширине страницы в окне.
cellspacing="7" - ширина фронтальной грани в пикселях. cellpadding="10" - задает размер пустого пространства в пикселях, окружающего данные в ячейке.
Тег <caption></caption> задает заголовок таблицы.
Тег <tr> задает строку таблицы. Следующий тег <tr> задает следующую строку таблицы. Конечный тег необязателен.
Тег <td> задает ячейку таблицы. Следующий тег <td> задает следующую ячейку таблицы. Конечный тег необязателен.
Цвет фона ячейки задается в теге <td>: <td bgcolor="red">
Непарный тег <th> - задает элемент ячейки, которая является заголовком таблицы. Этот тег должен находиться внутри тега <tr>. Ячейка-заголовок отличается от обычной тем, что текст внутри нее выделяется полужирным шрифтом.
