Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
shpory_site_vse.doc
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
1.42 Mб
Скачать

28. Основные понятия языка создания гипертекстовых документов html.

HTML - язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты.

Тег (Tag)- команда HTML, состоит из следующих элементов:

- <имя тэга необязательные атрибуты тэга></>

Парный тег:-имеет открывающий тег; -закрывающий тег с тем же именем HTML элемент-блок, включающий два тега и часть документа, отделенная ими.

Атрибут тега- относящиеся к тегу уточнения.

Спецификация атрибута: WIDTH(имя атрибута)=80(значение атрибута).

Общий вид HTML документа:

<html>(начало дока)<head></head>(служебная часть)

<title></title>(заголовок)<meta><body></body>(осн часть)</html>(конец дока)

Заголовоки:<h1></h1>…:<h6></h6> c первого по шестой уровни.

Выр-ние текста: <left(right,center)></left(right,center)>или атрибут align= left,right,center.

Формированиишрифтов:<b>полужир</b>,<em>курсив</em>,<u>подчерк</u>,

<s>зачеркнут</s>,<tt>пиш машинка</tt>,<sub>ниж индекс</sub>,<sup>верхний индекс</sup>.

Размер шрифта: <basefont size=1…7>(по умолчанию) либо <font size=1…7></font>(для отдельных элементов)

Гарнитура и цвет шрифта: атрибуты bgcolor и text тега <body>(весь док), атрибуты face и color тега <font>(для отдельных фрагментов).

Работа с цветом:”#RRGGBB”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF). Color=”#008000”(зеленый).

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

<li>элемент нумерованного или маркерованного списка,<dl>список определений</dl>,<dt> термин в списке определений,<dd>определение термина в списке определений.

Работа с графическими изображениями:<img src=адрес рис.>

align=(center,right,left)-выравнивание; <br clear=(right,left,all)>-отмена обтекания;

align=(top,bottom,middle)-выравнивание текста относительно изображения;

<img gspace=… hspace=…(размер пустых полей под и над рис.) wigth=…height=…(размеры изображения в пикселях)alt=”текст вместо рис.”>

Таблицы: <table></table> создание; <caption align={top,bottom}></caption> имя таблицы и расположение имени; <tr></tr> строка; <td></td>данные ячейки; <th></th>заголовки столбцов. Объединение ячеек: атрибуты colspan и rowspan тега <td> или <th>.

Создание ссылок: <a></a>-создание ссылок; <a href=url></a>- задание файла ссылки;

<a><img scr=”url”</a>- графическое изображение является рисунком;

<body link=… vlink=…>-задание цветов не просмотренных и просмотренных ссылок.

29.Сущность и определение каскадных таблиц стилей. Четыре способа подключения

CSS.

Основные понятия CSS:

-CSS - Каскадные Таблицы Стилей (Cascading Style Sheets)

-структура документа и его представление должны быть разделены

-представлением документа нужно управлять отдельно, с помощью механизма, который берет абстрактное представление документа и преобразовывает его в форму, пригодную для отображения

-Таблица Стилей (Style Sheets) - это файл, который содержит информацию о том, как документ должен быть представлен.

-CSS Style Sheets состоит из инструкций CSS. Наиболее часто используемый тип инструкции - набор правил.

-Набор правил состоит из селектора и любого числа директив, расположенных в блоке.

-Блок заключен в пару фигурных скобок ({блок директив}).

Пример подобного набора правил:H1 { text-align: center;color: red;font: bold italic 150% sans-serif;}

H1 - селектор. Селектор указывает, к каким именно элементам директивы стиля мы обращаемся. После селектора располагаются внутренние фигурные скобки ({набор инструкций}), которые являются директивами, с которыми мы обращаемся к этому элементу.

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