ТЭГИ – управляющие символы
Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом: <html> <head> … </head> <body> … </body>
Парные тэги
ФОРМАТИРОВАНИЕ ТЕКСТА
АТРИБУТЫ
ОДИНОЧНЫЙ ТЭГ <HR> - ГОРИЗОНТАЛЬНАЯ ЛИНИЯ
ВСТАВКА ИЗОБРАЖЕНИЙ
ВНИМАНИЕ! ТОНКОСТИ!
ГИПЕРССЫЛКИ НА WEB-СТРАНИЦАХ
Списки на Web - страницах
Список определений
Создание таблиц
Оформление страницы
43.50K
Category: internetinternet

ТЭГИ – управляющие символы

1. ТЭГИ – управляющие символы

Одиночные <LI>
Парные (контейнеры)
<HTML> и </HTML>
ЗАКРЫВАЮЩИЙ ТЭГ СОДЕРЖИТ
/

2. Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом: <html> <head> … </head> <body> … </body>

Каждый HTML-документ имеет
определенную структуру, которая выглядит
следующим образом:
<html>
<head>

</head>
<body>

</body>
</html>

3. Парные тэги

<html>и </html> - начало и конец
документа
<head> и </head> - заголовок web страницы
<body> и </body> - тело (основное
содержание страницы)

4. ФОРМАТИРОВАНИЕ ТЕКСТА

Размер шрифта заголовков
ОТ <H1>
ДО
<H6> - ПАРНЫЕ ТЭГИ
(САМЫЙ КРУПНЫЙ) (САМЫЙ МЕЛКИЙ)
<H1>
</H1>

5. АТРИБУТЫ

ЯВЛЯЮТСЯ ИМЕНАМИ СВОЙСТВ И МОГУТ
ПРИНИМАТЬ ОПРЕДЕЛЕННЫЕ ЗНАЧЕНИЯ:
ALIGN – АТРИБУТ ВЫРАВНИВАНИЯ
ТЕКСТА
ALIGN=“RIGTH” – ПО ПРАВОМУ КРАЮ
ALIGN=“CENTER” – ПО ЦЕНТРУ
ALIGN=“LEFT” – ПО ЛЕВОМУ
(ЗАДАЕТСЯ ПО УМОЛЧАНИЮ)

6.

АТРИБУТ FACE – ПОЗВОЛЯЕТ ЗАДАТЬ
ГАРНИТУРУ ШРИФТА
FACE = “ARIAL”
АТРИБУТ SIZE – РАЗМЕР ШРИФТА
SIZE=4
АТРИБУТ COLOR – ЦВЕТ ШРИФТА
COLOR = “BLUE”
(“RED”, “GREEN” И Т. Д.)
ИЛИ “#RRGGBB” – ШЕСТНАДЦАТИРИЧНОЕ ПРЕДСТАВЛЕНИЕ
ЦВЕТА (МИНИМАЛЬНОЕ ЗНАЧЕНИЕ ИНТЕНСИВНОСТИ ЦВЕТА 00,
А МАКСИМАЛЬНОЕ FF)

7. ОДИНОЧНЫЙ ТЭГ <HR> - ГОРИЗОНТАЛЬНАЯ ЛИНИЯ

ОДИНОЧНЫЙ ТЭГ <HR> ГОРИЗОНТАЛЬНАЯ ЛИНИЯ
ПАРНЫЙ ТЭГ <P> </P> РАЗДЕЛЕНИЕ ТЕКСТА НА
АБЗАЦЫ

8. ВСТАВКА ИЗОБРАЖЕНИЙ

ФОРМАТЫ ФАЙЛОВ – GIF, JPG и PNG
<IMG> - ТЕГ ДЛЯ ВСТАВКИ ИЗОБРАЖЕНИЯ
АТРИБУТ SRC – УКАЗЫВАЕТ НА МЕСТО ХРАНЕНИЯ
ФАЙЛА.
<IMG SRC=“COMPUTER.GIF”> - ЕСЛИ МЕСТО
НАХОЖДЕНИЯ В ТОЙ ЖЕ ПАПКЕ, ЧТО И ФАЙЛ WEB
– СТРАНИЦЫ
<IMG SRC=“C:\COMPUTER\COMPUTER.GIF”> - В
ДРУГОЙ ПАПКЕ
<IMG SRC=“HTTP://WWW.SERVER.RU\COMPUTER.GIF”>
- НА УДАЛЕННОМ СЕРВЕРЕ В ИНТЕРНЕТЕ (УКАЗАТЬ
URL-АДРЕС ЭТОГО ФАЙЛА)

9. ВНИМАНИЕ! ТОНКОСТИ!

АТРИБУТ ALT – ВВОДИТСЯ ПОЯСНЯЮЩИЙ
HHHHHHHHHHHТЕКСТ СОДЕРЖИМОГО КАРТИНКИ
КОГДА ПОЛЬЗОВАТЕЛИ В ЦЕЛЯХ ЭКОНОМИИ
ВРЕМЕНИ ОТКЛЮЧАЮТ В БРАУЗЕРЕ ЗАГРУЗКУ
ГРАФИЧЕСКИХ ИЗОБРАЖЕНИЙ И ЧИТАЮТ ТОЛЬКО
ТЕКСТ (ВМЕСТО РИСУНКА ДОЛЖЕН ВЫВОДИТЬСЯ
ТЕКСТ)
<IMG SRC=“COMPUTER.GIF” ALT=“КОМПЬЮТЕР”>

10. ГИПЕРССЫЛКИ НА WEB-СТРАНИЦАХ

<A> </A> - ТЭГ (КОНТЕЙНЕР
ГИПЕРССЫЛКИ)
АТРИБУТ HREF – ЗНАЧЕНИЕМ ЯВЛЯЕТСЯ
URL-…………………………АДРЕС ДОКУМЕНТА
<A HREF=“URL”>УКАЗАТЕЛЬ
ГИПЕРССЫЛКИ</A>
<ADDRESS> </ADDRESS> - ТЭГ (КОНТЕЙНЕР)
– ЗАДАЕТ СТИЛЬ АБЗАЦА, ПРИНЯТЫЙ ДЛЯ
УКАЗАНИЯ АДРЕСА ПРИ СОЗДАНИИ ССЫЛКИ
НА ЭЛЕКТРОННУЮ ПОЧТУ

11. Списки на Web - страницах

Маркированные списки(ненумерованный
список)
<ul> </ul>- тег, ограничивающий список.
Между ними располагается столько
элементов, начинающихся с тега <li>,
сколько элементов в списке.
Атрибут тэга <li> - TYPE – задает вид
маркера списка
“disc” (диск), “square” (квадрат), “circle”
(окружность)

12.

Нумерованные списки
<ol> </ol>, между которыми помещаются
элементы <li>
Атрибут type тэга <ol> задает тип
нумерации:
“I” – римские цифры
“а” – строчные буквы
По умолчанию – арабские цифры

13. Список определений

<dl> </dl> - контейнер списка
определений
<dt> - одиночный тэг для выделения
термина
<dd> - одиночный тэг для определения
термина

14. Создание таблиц

<table> </table> - метка таблицы
<caption> </caption> - заголовок таблицы
<table border=1> (толщина линии границы
в пикселях)
<table border=1 width=100% >(на всю
страницу или на часть страницы)
<tr> </tr> - метка строки
<td>&nbsp </td> - метка cтолбца (ячейки)

15. Оформление страницы

<body bgcolor=“yellow”> - цвет
страницы
<body bgcolor=“yellow” text=“#ffaaoo”>
- цвет применяется к символам
всей страницы
<h1> <font color =“green”> выделение цветом разных частей
<body background=“имя файла с
рисунком” > -цвет фона - рисунок
English     Русский Rules