Tags или теги), заключенные в угловые скобки ( icon

Tags или теги), заключенные в угловые скобки (


НазваTags или теги), заключенные в угловые скобки (
Дата конвертації25.06.2015
Розмір67.82 Kb.
ТипДокументи
скачати

Основой языка HTML являются специальные команды разметки (tags или теги), заключенные в угловые скобки (< и >). Теги языка HTML задают правила, по которым браузер отображает документ на экране: размещение текста в окне, представление графических объектов (рисунков), а также вывод звуковых файлов, видеоклипов и т. д.

Большинство тегов языка HTML, такие как , , <HEAD>, <FONT> <a href="/%D0%9F%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0_61450_6/index.html">и другие</a>, требуют соответствующую команду с символом <b></...></b> для ее закрытия, то есть тега конца команды. Комбинация из открывающего и закрывающего тега называется <i><b>контейнером тегов.</b></i> Существуют команды, например, <Р> (тег, отделяющий друг от друга абзацы), для которых конец <a href="/%D0%A3%D1%80%D0%BE%D0%BA+%D0%BE%D0%B1%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F%2C+%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8+%D0%B8_90291_5/index.html">команды ставить не обязательно</a>, а также команды типа <BR> (мягкий перевод строки), которые просто не имеют тега конца команды. Многие команды имеют параметры, называемые <i><b>атрибутами</b></i>, которые модифицируют действие команды.<br /><br />Теги не чувствительны к регистру. Это означает, что, например, HTML-тег <html> будет воспринят браузером так же, как тег <HTML> или <Html>.<br /><br /><b><HTML></b><br /><br /><b><HEAD></b><br /><br /><b><ТIТLЕ>Название.





Текст.








Данный тег используется для открытия HTML-документа. Каждая Web-страница начинается тегом и за­канчивается закрывающим тегом .



Любой HTML-документ состоит как минимум из двух частей: заголовка и собственно документа. Данный тег определяет заголовок Web-страницы и должен иметь обязательный закрываю­щий тег . Также обязательным атрибутом этого тега явля­ется тег .<br /></td> </tr> <tr> <td width=67 height=4> <br /><b><TITLE></b><br /></td> <td width=657 valign=top> <br />Каждый HTML-документ имеет название, заключенное между тегами <TITLE> и . По названию документа HTML браузеры могут найти информацию, поэтому место для названия всегда определено - оно находится вверху и отдельно от содержимого HTML-документа. Отображается название в заголов­ке окна броузера, поэтому на него накладывается ограничение: максимальная длина названия - 40 символов.



Данный тег заключает в себе непосредственно доку­мент. Также необходим закрывающий тег .
Создание абзацев


. . .


Этот тег описывает абзац. Все, что находится между <P> и P>, воспринимается как один абзац. Закрывающий тег
не обязателен.

Тег прерывания строки.




Тег прерывания строки. Этот тег позволяет задать принудительный перевод строки в пределах абзаца. Закрывающего тега
нет. Удобно применять при публикации стихов.

Создание заголовков


. . .



— — — — — — — —

. . .


Теги <Hi>. . . Hi> (где iцифра от 1 до 6) описывают заголовки шести различных уровней от Н1 до Н6. Текст, окруженный тегами <Н1>..., получается самым большим - это основной заголовок. Если текст окружен тегами <Н2>..., то он выгля­дит несколько меньше (подзаголовок); текст внутри <НЗ>... еще меньше и так далее до <Н6>....

Выравнивание текста


атрибут

ALIGN

Читается «элайн», от английского «выравнивать». Позволяет выравнивать текст по левому или правому краю, по центру или ширине. Данный атрибут является атрибутом тегов: <P>, <Hi> — для текста, <IMG> — для графики, <CAPTION> — для таблицы.

Физическое форматирование текста.

Для выделения текста в HTML-документах могут быть исполь­зованы различные стили шрифтов. Теги описанные в таблице ниже используются вместе с тегом <P>, <H1>.

<В>...

С помощью этого контейнера можно установить жирный шрифт.

<1>,

Эти теги ус­танавливает наклонный шрифт.

...

Эти теги задают под­черкнутое написание символов.

<ТТ>...

Текст, размещенный между этими тегами, будет написан шрифтом, имитирующим пишущую машинку, то есть имеющим фиксированную ширину символа.


Практическое задание

Создайте папку IMS_Web, которая будет корневой папкой для Ваших web-страниц.

Запустите блокнот, создавайте страницы, сохраняя их в папку IMS_Web.( с расширением. html)

Пример 1 (Структурные теги)






Название





Текст





Сохранить страницу под именем index.html

Пример 2 (Теги управления внешним видом)





Простая Web-страница



Это самая простая Web-страница


Пересохранить страницу под именем index.html

Пример 3 (Создание абзацев)

<html>



Создание абзацев

</head>



Это первый абзац


А это второй.






Пересохранить страницу под именем abzac.html

Пример 4 (Тег прерывания строки)





Создание абзацев





Это первый абзац


А это второй. Для начала новой строки необходимо использовать тег <BR>.


Существует разница между абзацем и новой строкой.




Пересохранить страницу под именем abzac.html

Пример 5 (Создание заголовков)



<head>

Создание заголовков





Самый большой заголовок



Заголовок второго уровня



Заголовок третьего уровня



Заголовок четвертого уровня



Заголовок пятого уровня


Самый маленький заголовок






Сохранить страницу под именем zagolovok.html

Пример 6 (Выравнивание текста)




Выравнивание текста






Данный текст выровнен по левому краю,


центрирован,


выровнен по правому краю.


Также центрирован, однако в данном случае был использован тег
<center>
.






Сохранить страницу под именем vuravnivanie.html

Пример 7 (Стили форматирования)





Стили форматирования






это полужирное начертание текста.



курсив



подчеркнутый



>>полужирный, курсив, подчеркнутый



моноширинный шрифт, или, как его называют, телетайп.



горизонтальная линия получается при использовании тега <hr>





Сохранить страницу под именем stil.html
Пример 8 (Стили форматирования)





Физическое форматирование






Допускается также использование в тексте Bepхниx и нижних индексов соответственно. Результатом форматирования будет уменьшенный и сдвинутый вверх или вниз текст.


Контейнер тегов перечеркивает текст горизонтальной линией.


Контейнер тегов позволяет вывести текст шрифтом большего размера.


Контейнер тегов позволяет вывести текст шрифтом меньшего размера.





Сохранить страницу под именем stil_2.html

Пример 9 (Размер шрифта)





Работа со шрифтами





<font size=7 color=”800000”>Размер шрифта равен 7.


Paзмep шрифта равен 6.


Paзмep шрифта равен 5.


Размер шрифта равен 4.


Размер шрифта равен 3.


Paзмep шрифта равен 2.


Размер шрифта равен 1.






Сохранить страницу под именем font.html

Пример 10 (Вставка рисунка)

Leopard.jpg – имя файла, который должен содержаться в одной папке с данной станицей.





Вставка рисунка





<img src="Leopard.jpg" width="1024" height="768" alt="Леопард">





Сохранить страницу под именем risunok.html




Поделиться:





База даних захищена авторським правом ©unikum.asyan.org 2015
При копіюванні матеріалу обов'язкове зазначення активного посилання відкритою для індексації.
звернутися до адміністрації
Документи