и ВТ
Расписание занятий
Заголовки – блочные элементы
СПб госуниверситет телекоммуникаций
Факультет СС, СК

и ВТ

Расписание занятий

Всего может быть до шести уровней заголовков (от

до

)

СПб госуниверситет телекоммуникаций

---

Факультет СС, СК и ВТ

Горизонтальная черта (разделитель) – блочный элемент

СПб госуниверситет телекоммуникаций

Факультет СС, СК и ВТ

13
    Мурзилке


Редакция журнала "Домосед" выражает благодарность
Алоизию Магарычу

Шницелю за замечательное стихотворение:

Синели красные ромашки,

Желтели в небе облака,

Синицы в теплый край летели,

К истоку двигалась река.

...

Hi There!
    Hi There!
        Hi There!

ворон: “Никогда!”
В своем выступлении перед рабочими Леонид Ильич Брежнев,

в частности, сказал:

Мы еще теснее сплотимся вокруг родной
Коммунистической Партии и стройными рядами
будем двигаться вперед к полному торжеству
коммунизма!

В своем выступлении перед рабочими Леонид Ильич Брежнев, в частности,
сказал:
Мы еще теснее сплотимся вокруг родной Коммунистической Партии и
стройными рядами будем двигаться вперед к полному торжеству
коммунизма!

Слегка увеличиваем шрифт

...
Продолжаем шрифтом 3 размера
...

FACE="Arial, Helvetica, Sans Serif" SIZE="5">
Вставка текста увеличенным шрифтом Arial


W

веб-мастера. Но только не друг с другом.

Текст с выделенным словом
Я

сильный, но легкий.

Подчеркнутый текст

Лена + Вася Коля = Love

Текст с увеличенным словом. Небоскребы, небоскребы, а я маленький такой.

X², X₀ x2 x0

ПОДРОБНОСТИ В ПИСЬМЕ ТЧК

Чтобы войти в систему наберите GUEST заглавными

буквами.

Переменная Z равна 5.

Как сказал классик:
"Грамотное написание HTML способствует пищеварению"

нижнего полей документа. Работает только в браузерах Netscape.
TOPMARGIN - определяет

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

LEFTMARGIN="40" MARGINWIDTH="40">


Всегда указывайте параметры BGCOLOR и TEXT одновременно. Считайте, что

они неразлучны. Если один из этих параметров не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows. А теперь представьте, что будет, если пользователь использует нестандартную раскраску Windows, где все цвета инвертированы? То-то. Некрасиво получится.

(скоро будет 16-ти-байтовый – IPv6) уникальный идентификатор компьютера, например: 10.254.69.23
Локальный IP-адрес

– адрес компьютера в локальной сети; Глобальный IP-адрес – адрес компьютера для глобальной сети.

С помощью команды ipconfig можно узнать свой локальный IP-адрес,
а обратившись по адресу www.whatismyip.com – узнать глобальный адрес.

этом уровне обеспечивается:
гарантированная доставка пакетов;
мультиплексирование – добавляется

номер порта.

Некоторые стандартные номера портов:
80 – запрос к Web-странице (HTTP-протокол);
25 – посылка почты (SMTP-протокол);
21 – передача файлов (FTP-протокол).

Данные

Данные TCP

Данные IP

Данные кадра

Уровень приложений

Уровень протокола TCP

Уровень протокола IP

Уровень физического протокола передачи данных

Заг. TCP

Заг. IP

Заг. кадра

Конец кадра

Ethernet

IP, ARP, X.25

TCP, UDP

HTTP, SMTP, FTP, Telnet, WebDAV

отправителя и получателя
Заголовок IP (12-32 байта): IP-адреса отправителя и получателя
Заголовки

кадра: Физические адреса сетевых карт

соответствия символьных имен IP-адресам. Например,

wikipedia.org –

208.80.152.2
akoub.narod.ru – 213.180.199.13
www.cs.washington.edu – 128.208.3.88

Локальные DNS – соответствия имен адресам в пределах одной ОС,
для Windows соответствующая таблица хранится в файле

C:\Windows\system32\drivers\etc\hosts

протокола TCP/IP.

Примеры:
IIS от Microsoft (входит в состав Windows),
Apache (www.apache.org)
Web-клиент

– компьютер, посылающий запрос к Web-серверу и получающий
от него ответ.

Типичный пример программ такого рода – Web-браузеры
(Firefox, IE, Safari, Opera).

виде).
Есть 3 основных команды (всего – 8):
GET – получить

данные со страницы;
POST – запрос с параметрами;
PUT – записать страницу.

GET /index.html HTTP/1.1
host: www.example.com

Пример запроса:

HTTP/1.1 200 OK
Date: Sat, 22 March 2008 07:38:34 GMT
Server: Apache/1.3.3.7 (Unix) (Red-Hat/Linux)
Last-Modified: Wed, 08 Jan 2003 23:11:55 GMT
Etag: "3f80f-1b6-3e1cb03b"
Accept-Ranges: bytes
Content-Length: 438
Connection: close
Content-Type: text/html; charset=UTF-8

<далее следует содержание запрошенной страницы>

и ответа на него:

found (не найден);
403 – forbidden (доступ запрещен);
500 –

ошибка сервера

Полный список кодов можно посмотреть, например на http://en.wikipedia.org/wiki/Http_error_codes

– адрес или имя запрашиваемого сервера;
80 – явно не указанный

номер порта (но можно указать после имени хоста);
/wiki/Http_error_codes – адрес страницы на сервере

Если ввести такой URL в окно браузера, то последовательность действий будет следующей:
установить адрес хоста через службу DNS;
сформировать HTTP-заголовок, содержащий адрес страницы: GET /wiki/Http_error_codes HTTP/1.1
установить связь и переслать запрос по IP-протоколу с портом 80;
после получения ответа вывести на экран результат запроса.

указываются 3 именованных параметра: source, hl и q.
http://127.0.0.1:8080/secret/money.txt
В запросе указан

нестандартный порт.

– указание того окна, где будет открываться объект:
_parent
_self
_blank
Link
Электронная

почта
username@machine_name.domain_name
Ссылка на электронную почту

levbuz@dean.sut.ru

Copyright Baltazar and Mirron corp

поисковиком в мире!
И удачи вам в поиске!

Google

– самым распространенным поисковиком в мире!

Google

target="_blank" title="Нажмите для поиска">
Google

Будьте аккуратны с вложенностью элементов!

Это в первом абзаце

А это уже во втором!

Здесь две ошибки: блочный элемент внутри строчного и неправильная вложенность элементов. Тем не менее, HTML-браузер может корректно
отобразить эти элементы!

можно создать ссылку.
Вставка якоря:
Ссылка на якорь:
текст
Copyright Baltazar and

Mirron corp

width="250" height="150"/>

Изображение может

служить ссылкой так же, как и текст:

(нумерованный или ненумерованный) – блочный элемент,
Содержащий внутри себя блочные элементы

– члены списка

Первая строка списка
Вторая строка списка
Третья строка списка

Атрибуты списка могут задавать вид маркеров (не поддерживается в
«строгом» XHTML), например

• Первая строка списка
• 
  

Первая строка списка

посуду
Сделать уборку
Сходить на лекцию
Атрибуты списка могут задавать тип и способ

нумерации
(не поддерживается в «строгом» XHTML)

3. Сделать домашнее задание
4. 
   
5. Купить билеты на концерт
6. 
   
   

   Сделать домашнее задание
   Купить билеты на концерт
   

Паспорт
Билеты

Гостиница - бронь

Предметы личной гигиены:

• Зубная щетка


• Паста


• Мыло

Один список может быть вложен в другой

Документы:
Паспорт
Билеты
Гостиница - бронь
Предметы личной гигиены:
Зубная щетка
Паста
Мыло

Изучая HTML следует обратить особое внимание на различие между
нумерованными

списками

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


Изучая HTML следует обратить
особое внимание на
различие между нумерованными списками
<ol> и ненумерованными
списками <ul>.




Фрагменты кода можно выделять с помощью блочного тега

 public static void main(String[] args) {
  System.out.println("Hello, World!");
 }

Этот фрагмент выводится в точности так же, как он напечатан, включая
все пробелы и переводы строк.
                                

name="description"
content="Эта страница содержит полезные сведения"/>

content="мир, труд, май"/>

Описывает содержимое страницы.

Описывает ключевые слова (часто используется поисковыми машинами).

Указание на автора.

Указание на программу, которая сгенерировала этот текст.

content="text/html; charset=windows-1251">
Определяет основной язык, на котором написана страница.
Описывает

частоту перезагрузки страницы (в секундах)
и, возможно, делает “redirection” на другую страницу.

content="5;http://www.google.com/">

Описывает иконку, ассоциирующуюся со страницей (устаревший вариант:
поместить в корневой каталог сайта файл с именем favicon.ico).

http://ru.wikipedia.org/wiki/MIME

примеры некоторых мнемоник:
Полный список см.
http://www.w3schools.com/tags/ref_entities.asp