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

42. Html. Нумерованные списки. Ненумерованные списки.

Ненумерованный. Начинается список с тега <ul>, а заканчивается, закрывающим тегом </ul>. Элементы списка добавляются внутри тега <ul> с помощью тега <li>.

<ul>

<li>Первый элемент</li>

<li>Второй элемент</li>

</ul>

Нумерованный отличается выводом номера элемента справа от самого элемента. Правила те же самые, что и с ненумерованным списком, но только начальный тег - это тег <ol>. Закрывающий тег, соответственно, </ol>.

<ol>

<li>Первый элемент</li>

<li>Второй элемент</li>

</ol>

43. Html. Гипертекстовые ссылки.

Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы.

Пример текст: <a href=" адрес страницы ">то название по которому мы жмём чтобы перейти</a>

Иногда необходимо сделать гиперссылку в пределах одной страницы.

Пример: <a href="#Начало страницы">Наверх страницы</a>

В то место, куда надо сделать переход надо вставить:

<a name="Начало страницы"></a>

44. Html. Рисунки. Карты.

Использование графики в HTML. Изображения могут нести определенную информацию, и придают Web-странице привлекательный вид. Приведем наиболее распространенные случаи применения изображений: логотип компании на деловой странице; графика для рекламного объявления; различные рисунки; диаграммы и графики; художественные шрифты; подпись автора страницы; применение графической строки в качестве горизонтальной разделительной линии; применение графических маркеров для создания красивых маркированных списков.

Тегом HTML, который заставляет браузер выводить изображение, является <IMG> с обязательным атрибутом SRC (источник). Имя файла представляет собой имя выводимого графического файла. Закрывающего тега не требуется.

Пример вставки изображения: <IMG SRC="image.gif" ALT="ИЗОБРАЖЕНИЯ"> Или <A HREF="адрес файла или изображения"> <IMG SRC="image.gif"></A>

При этом изображение, используемое в качестве гипертекстовой ссылки, обводится дополнительной рамкой.

Атрибуты и их аргументы. Тег изображения имеет один обязательный атрибут SRC и необязательные: ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER, WIDTH, HEIGHT.

<IMG SRC="image.gif" ALT="изображение" WIDTH="100" HEIGHT="200" HSPACE="10" VSPACE="10" BORDER="2" ALIGN="left">

Активные изображения (map)

Активные изображения (imagemaps), или изображения, чувствительные к щелчкам мыши, позволяют создать на узле графические меню произвольной формы. Активное изображение — это изображение с так называемыми активными областями (hotspots), которые ссылаются на URL других страниц или узлов. Синтаксис: <MAPname=" имя "><AREA атрибуты ></MAP>

45. Html. Таблицы. Основные тэги.

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

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

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

<th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

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

Атрибуты таблицы

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

<table cellspacing="#"> Задает расстояние между ячейками таблицы.

<table cellpadding="#"> Задает расстояние между содержимым ячейки и ее рамкой.

<table width="#"> Устанавливает ширину таблицы в пикселах или процентах от ширины документа.

<table height="#"> Устанавливает высоту таблицы в пикселах или процентах от высоты документа.

<tr align="?"> или <td align="?"> Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

<tr valign="?"> или <td valign="?"> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.

<td colspan="#"> Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)

<td rowspan="#"> Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)

<td nowrap> Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

<td width="#"> Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину).

<td height="#"> Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту).

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