Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
VOST_Informatsionnye_resursy_1 (1).docx
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
358.57 Кб
Скачать

19. Технологии разработки Web-приложений. Общая структура html-документа.Теги html: контейнеры, атрибуты, вложенные теги.

Структура:

<HTML>- указывает на начало HTML-документа

<HEAD>- указывает на начало области заголовка Web-страницы. Служит для формирования общей структуры документа.

<TITLE>Структура Web-страницы</title>- Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна браузера.

<META name="Author" content="Ivanov Ivan">- Имя автора Web-страницы.

<BODY bgcolor="blue">- Начало собственно содержимого Web-страницы. Тег <BODY включает в себя атрибут bgcolor, который задает цвет вашей страницы. В данном случае голубой. Если не использовать этот атрибут, то по умолчанию, цвет страницы будет белым.

</body>- Конец содержимого Web-страницы.

</head>- Конец области заголовка Web-страницы.

</html>- Конец HTML-документа. 

HTML - это язык тэгов.

Тэг (дескриптор) - специальный код, вставляемый в текст для форматирования элементов HTML-документа. Это основной элемент кодирования, принятый в стандарте HTML. Тэг заключаются в угловые скобки <>. Например тэгом абзаца является <P>, а тэгом горизонтальной линии - <HR>.

Существует два типа тэгов: контейнеры и одиночные тэги.

Контейнер. Это дескрипторная пара, состоящая из начального (или открывающего) и конечного (или закрывающего) тэгов. Начальный тэг имеет вид <TAG>, где TAG - это имя реального HTML - тэга. Конечный тэг имеет вид </TAG>.

Пустой дескрипторОтличается от контейнера тем, что не содержит никакой информации. У него есть только начальный тэг. Пустой дескриптор обычно выполняет самостоятельную задачу, не связанную с конкретным текстом. Например, тэг <HR> создаёт горизонтальную линию.

Атрибуты элемента BODY

Элемент BODY может содержать большое количество атрибутов. Все они важны, так как определяют общий облик документа.

<body bgcolor="?"> - Устанавливает цвет фона документа

<body text="?">- Устанавливает цвет текста документа

<body link="?">- Устанавливает цвет гиперссылок

<body vlink="?">- Устанавливает цвет гиперссылок, на которых вы уже побывали

<body alink="?">- Устанавливает цвет гиперссылок при нажатии.

Теги форматирования текста

<pre></pre>- Обрамляет предварительно отформатированный текст.

<h1></h1>- Создает самый большой заголовок

<h6></h6>- Создает самый маленький заголовок

<b></b>- Создает жирый текст (нерекомендованный)

<i></i>- Создает наклонный текст (нерекомендованный)

<tt></tt>- Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)

<kbd></kbd>- Создает текст - имитирующий стиль печатной машинки(рекомендованный)

<var></var>- Название переменных отображается курсивом

<cite></cite>- Выделение цитат курсивом

<font size="?"></font>- Устанавливает размер текста в пределах от 1 до 7.

<font color="?"></font>- Устанавливает цвет текстa

Гиперссылки

<a href="URL"></a>- Создает гиперссылку на другие сайты.

Форматирование

<p></p>- Создает новый параграф

<p align="?"></p>- Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center

<br>-абзац

<ol></ol>- Создает нумерованный список

<ul></ul>- Создает ненумерованный список

<li>- Определяет каждый элемент списка и присваивает номер; Предваряет каждый элемент списка и добавляет кружок или квадратик.

Графические элементы

<img src="name">- Добавляет изображение в HTML документ

<img src="name" align="?">- Выравнивает изображение к одной из сторон документа (left, right, center; bottom, top, middle)

<img src="name" border="?">- Устанавливает толщину рамки вокруг изображения

<hr>- Добавляет в HTML документ горизонтальную линию.

<hr size="?">- Устанавливает высоту (толщину) линии

<hr width="?">- Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

<hr color="?">- Задает линии определенный цвет. Значение RRGGBB

Таблицы

<table></table>- Создает таблицу.

<tr></tr>- Определяет строку в таблице.

<td></td>- Определяет отдельную ячейку в таблице.

<th></th>- Определяет заголовок таблицы

<caption></caption>- Определяет подпись таблицы

<table border="#">- Задает толщину рамки таблицы.

Фреймы

<frameset></frameset>- Предваряет тег <body> в документе, содержащем фреймы;

<frameset rows="value,value">- Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.

<frameset cols="value,value">- Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.

<frame>- Определяет единичный фрейм или область в таблице фреймов.

<form></form>- Создает формы

Вложенные теги: Теги могут вкладываться друг в друга как матрешки. Вложенный тег должен заканчиваться до закрытия внешнего.

<font size="+3">большой текст <b>полужирный</b></font>

<font color="#BB0000">красный текст <b>добавим жирности</font>не кр</b>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]