N
|
Тэг (
атрибут)
|
Описание
действия
|
|
1
|
<HTML>
<HEAD>
служебная информация , на экран не
выводится
</HEAD>
<BODY>
……..…..
содержимое
документа
…………
</BODY>
</HTML>
|
Структура HTML документа
Документ открывается тэгом
<HTML> и закрывается тэгом </HTML>
Содержимое документа
находится между тегами
<BODY> содержимое </BODY>
Служебная информация
заносится между тегами
<HEAD> служебная информация </HEAD>
и не
выводится на экран.
|
|
2
|
<TITLE> заголовок
</TITLE>
|
Название документа.
Вводится между тэгов
<HEAD>
<TITLE> название документа </TITLE>
</HEAD>
|
|
3
|
<BODY>
Атрибуты тэга
TEXT
BGCOLOR
LINK
VLINK
BackGround
|
Парный тэг–ограничивает содержимое WEB страницы
= цвет
текста
= цвет фона
= цвет гиперссылки
= цвет посещенной гиперссылки
= “имя файла с фоновым рисунком ”
Например :
<Body text=yellow
bgcolor=”blue” vlink=red >
желтый текст на синем фоне с красными ссылками
Эти атрибуты действуют
на весь документ
|
|
4
|
“#rrggbb”
text=”#FF0000”
“#7F0000”
“#0000FF”
“#00007F”
“#FFFF00”
“#FFFFFF”
“#000000”
и др.
|
Смешение цветов
В атрибутах
управления цветом в качестве
значений
Можно указывать не только название цвета но и смесь
– красного , зеленого и синего цветов
в следующем формате(RGB) :
=
”#RedRedGreenGreenBlueBlue” ( =”#RRGGBB” )
Доля каждого цвета
задается парой шестнадцатиричных
цифр от 00
до FF
, например
-Ярко красный цвет
-Темно красный
-Ярко синий
-Темно синий -
-Желтый(ярко красно зеленый)
-Ярко белый
-Черный
|
|
5
|
<H1> …</H1>
<H2> … </H2>
|
Заголовок 1-го
уровня
-
2-го уровня
-
всего 6
уровней
|
|
6
|
<B> -
</B> - <U>
- </U> -
<I> -
</I> -
|
Выделение текста
Полужирный
Подчеркивание
Курсив(наклон)
|
|
7
|
<Font> …
</Font>
Атрибуты :
Color
Size
Face
|
Форматирование шрифта для фрагмента текста
Текст между тэгами принимает вид заданный атрибутами
= Цвет – задает цвет фрагмента
= 1-7 размер шрифта( в условных единицах)
=”+1 “ – относительный размер(увеличить на 1)
=”-1” уменьшение шрифта на 1
= “Название шрифта”
|
|
8
|
<BASEFONT>
|
Шрифт по
умолчанию
Атрибуты те же
|
|
9
|
<BR>
|
Конец строки
Броузер игнорирует лишние пробелы и концы строк в тексте.
Перевод текста на новую строку осуществляется автоматически у правого края
экрана.
Для принудительного
перехода на новую строку
необходимо использовать тэг <BR>
|
|
10
|
<P> …….
</p>
Атрибуты
:
Align
|
Абзац( параграф)
Броузер считает абзацем
фрагмент текста между тэгами <p> </p>
=(Left , Right , Center ,
Justify)
Выравнивание (слева , справа , по центру ,по ширине)
|
|
11
|
<HR>
Атрибуты:
SIZE
Width
Align
|
Горизонтальная линия
= толщина линии в пикселах
= Ширина линии в Пикселах( или в процентах ) ,
например , <HR width=”75%”>
= Right , left , Center
- Выравнивание(справа,слева,по центру )
|
|
12
|
Cпециальные символы:
<
>
"
«
»
|
-
неудаляемый
пробел
-
знак <
(меньше)
-
знак < (больше)
-
“ кавычки
-
« типографские кавычки
-
»
|
|
13
|
Гиперссылка
<A> … </A>
Атрибуты:
Href
Name
Target
|
Гиперссылка
= “имя файла на который выполнена ссылка” или
“#имя закладки
в этом же документе ”
= “имя закладки”
= “имя окна в которое должен выводится документ по ссылке
”
Стандартные имена в target
_top – вывод на экран , игнорируя фрэймы
_self - вывод в это же окно
_blank
– вывод в новое окно
|
|
14
|
<IMG>
Атрибуты
Src
Width
Height
Пример:
|
-
Вставка Рисунка в web-страницу
=”имя файла с рисунком”
=ширинаРисунка(в
пикселах)
=высотаРисунка(в
пикселах)
<IMG src=”cat.jpg”>
|
|
15
|
Таблица
|
Структура
таблицы
<TABLE> - начало
таблицы
<TR> - начало
1-й строки
<td> …здесь вводится содержание ячейки </td>
<td> … содержимое
2-й ячейки <td>
</TR> - конец
1-й строки
<TR> - 2-я
строка
<td> … </td>
</TR>
<TABLE>
|
|
16
|
Атрибуты
<TABLE
border
align
bgcolor
>
|
Атрибуты <TABLE>
=3 – толщина линий
таблицы. 0 – невидимые границы
= left ,
right , center
= цвет фона таблицы
|
|
17
|
Атрибуты
<TD
bgcolor
align
width
colspan
rowspan
|
= цвет фона ячейки
= left , right , center
= 30 %
относительная ширина ячейки
= 3 – количество
ячеек , объединенных по горизонтали
= 2 – количество
ячеек , объединенных по вертикали
|
|
18
|
Фреймы(окна)
|
Структура фреймов(окон)
Фреймы – это окна , которые позволяют просматривать на экране не одну ,
а несколько web-страниц одновременно.
В каждый фрэйм(окно) – выводится отдельный html документ.
Эти тэги используются без тэга <body>
<FRAMESET>
- начало структуры
<FRAME> -
фрэйм 1 (окно 1)
<FRAME> - фрэйм 2
<NOFRAME>
<BODY>
здесь располагается информация , которая выводится , в старых
браузерах , не поддерживающих
фрэймы.
</BODY>
</NOFRAME>
</FRAMESET> - конец структуры
Вложенные фрэймовые структуры
Наборы фрэймов
могут быть вложенными.
В одном наборе
<frameset cols=20% , *>
<frame name=list src=1.htm.>
вместо 2-го столбца
набор фрэймов
<frameset rows=30% , 70%>
<frame name= nav
src=2.htm>
<frame name= main
src=3.htm>
</frameset>
</frameset>
|
|
19
|
<FRAMESET
COLS
ROWS
>
|
Атрибуты <FRAMESET>
= “ 20% ,40%,*” -
размер вертикальных окон-столбцов
= “ 50% , 50%” -
размер горизонтальных окон-строк
|
|
20
|
<FRAME
name
src
>
|
Атрибуты фрэймов
= имя окна .
На это имя можно ссылаться
в гиперссылке через атрибут target =
= имя html-документа ,выводимого
в окно в начальный момент
|