
- •HTML
- •Что такое HTML?
- •Структура элементов языка
- •Структура страницы
- •XHTML – более современный HTML (2000 год)
- •Структура документа в формате XHTML
- •Ошибки XHTML, которые допустимы в HTML
- •Блочные и строчные элементы
- •Некоторые элементы HTML и их атрибуты
- •Некоторые элементы HTML и их атрибуты
- •Текстовые блоки
- •Цитирование
- •Шрифты
- •Выделение в тексте
- •Параметры тега BODY
- •Параметры тега BODY
- •Что такое Интернет?
- •Обмен данными по Интернет-протоколу
- •Содержание заголовков протоколов
- •Символьные имена
- •Web-сервер и Web-клиент
- •HTTP-протокол
- •Коды ответов по HTTP-протоколу
- •URL – Uniform Resource Locator
- •Дополнительные поля URL
- •Гиперссылки
- •Гиперссылка
- •«Якоря»
- •Картинки
- •Списки
- •Нумерованные списки
- •Вложенные списки
- •Выделение фрагментов текста
- •Элементы заголовка HTML
- •Элементы заголовка HTML
- •MIME-типы
- •Мнемоники

Текстовые блоки
Пишите по следующему адресу: <ADDRESS>
Москва. ул. Академика Королева, 13 <BR> Мурзилке
</ADDRESS>
<P ALIGN=JUSTIFY> Редакция журнала Алоизию Магарычу <BLOCKQUOTE>
Синели красные Желтели в небе Синицы в теплый К истоку двигалась
...
</BLOCKQUOTE>
<PRE> Hi There!
Hi There!
Hi There!
</PRE>

Цитирование
Цитирование может быть коротким (строчным) и длинным (блочным)
<p>В своем выступлении перед рабочими Леонид Ильич Брежнев, в частности, сказал:
<blockquote>Мы еще теснее сплотимся вокруг родной Коммунистической Партии и стройными рядами будем двигаться вперед к полному торжеству коммунизма!</blockquote>
</p>
В своем выступлении перед рабочими Леонид Ильич Брежнев, в частности, сказал:
Мы еще теснее сплотимся вокруг родной Коммунистической Партии и стройными рядами будем двигаться вперед к полному торжеству коммунизма!
<p>Каркнул ворон: <q>Никогда!</q></p>
Каркнул ворон: “Никогда!”

Шрифты
<BASEFONT SIZE="3">
...
Текст документа шрифтом 3 размера
...
<FONT SIZE="+1">
Слегка увеличиваем шрифт </FONT>
...
Продолжаем шрифтом 3 размера
...
<FONT FACE="Arial, Helvetica, Sans Serif" SIZE="5"> Вставка текста увеличенным шрифтом Arial </FONT>
<FONT FACE=”Symbol”>W</FONT>

Выделение в тексте
Текст с <I>курсивом</I>
Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом.
Текст с <B>выделенным</B> словом
Я <STRONG>сильный</STRONG>, но легкий.
<U> Подчеркнутый текст </U>
Лена + <STRIKE>Вася</STRIKE> Коля = Love
Текст с <BIG>увеличенным</BIG> словом. Небоскребы, небоскребы, а я <SMALL>маленький</SMALL> такой.
X<SUP>2</SUP>, X<SUB>0</SUB> |
x2 x0 |


Параметры тега BODY
MARGINHEIGHT - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.
TOPMARGIN - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.
MARGINWIDTH - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.
LEFTMARGIN - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.
BACKGROUND - определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg.
BGCOLOR - определяет цвет фона документа.
TEXT - определяет цвет текста в документе.
LINK - определяет цвет гиперссылок в документе.
ALINK - определяет цвет подсветки гиперссылок в момент нажатия.
VLINK - определяет цвет гиперссылок на документы, которые вы уже просмотрели.

Параметры тега BODY
<BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40">
Всегда указывайте параметры BGCOLOR и TEXT одновременно. Считайте, что они неразлучны. Если один из этих параметров не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows. А теперь представьте, что будет, если пользователь использует нестандартную раскраску Windows, где все цвета инвертированы? То-то. Некрасиво получится.

Что такое Интернет?
Компьютеры обмениваются данными, используя Интернет-протокол (IP)
IP-адрес – 4-х-байтовый (скоро будет 16-ти-байтовый – IPv6) уникальный идентификатор компьютера, например: 10.254.69.23
Локальный IP-адрес – адрес компьютера в локальной сети; Глобальный IP-адрес – адрес компьютера для глобальной сети.
С помощью команды ipconfig можно узнать свой локальный IP-адрес,
а обратившись по адресу www.whatismyip.com – узнать глобальный адрес.

Обмен данными по Интернет-протоколу
Следующий уровень – Transmission Control Protocol (TCP)-протокол
На этом уровне обеспечивается:
•гарантированная доставка пакетов;
•мультиплексирование – добавляется номер порта.
Некоторые стандартные номера портов:
•80 – запрос к Web-странице (HTTP-протокол);
•25 – посылка почты (SMTP-протокол);
•21 – передача файлов (FTP-протокол).
HTTP, SMTP, FTP, Telnet, WebDAV |
Данные |
|
Уровень приложений |
||||
|
|
|
|
|
|
|
|
TCP, UDP |
|
|
Заг. |
Данные |
|
Уровень протокола TCP |
|
|
|
TCP |
TCP |
|
|||
|
|
|
|
|
|||
IP, ARP, X.25 |
|
Заг. |
Данные IP |
|
Уровень протокола IP |
||
|
IP |
|
|||||
|
|
|
|
|
|
||
Ethernet |
Заг. |
Данные кадра |
Конец |
Уровень физического протокола передачи данных |
|||
кадра |
кадра |
||||||
|
|
|
|
|
|||
|
|
|
|
|
|
|

Содержание заголовков протоколов
Заг. Данные TCP TCP
|
Заг. |
Данные IP |
|
|
|
IP |
|
||
|
|
|
||
Заг. |
Данные кадра |
Конец |
||
кадра |
кадра |
|||
|
|
Заголовок TCP (16-20 байтов): номера портов отправителя и получателя Заголовок IP (12-32 байта): IP-адреса отправителя и получателя Заголовки кадра: Физические адреса сетевых карт