
- •Оглавление
- •1.Что такое html
- •2.Основные понятия html
- •3.Особенности показа документа
- •4.Структура документа
- •6.Элементы блочной разметки
- •7.Форматирование текста Логическое форматирование
- •Физическое форматирование
- •8.Изображения
- •9.Списки Маркированный список
- •Нумерованный список
- •Список определений
- •Вложенные списки
- •10.Организация ссылок
- •11.Таблицы
- •12.Фреймы
- •Оглавление
- •12. Фреймы 17
чгу
МИНОБРНАУКИ
РОССИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ
УЧЕРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
ЧЕРЕПОВЕЦКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
Основы HTML
Вязаницын Сергей Михайлов
Лягинова Ольга Юрьевна
Череповец 2013
Оглавление
МИНОБРНАУКИ РОССИИ 1
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ 1
УЧЕРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ 1
ЧЕРЕПОВЕЦКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ 1
Основы HTML 1
Вязаницын Сергей Михайлов 1
Лягинова Ольга Юрьевна 1
Череповец 2013 1
Основы HTML 3
1. Что такое HTML 3
2. Основные понятия HTML 3
3. Особенности показа документа 3
4. Структура документа 3
5. Атрибуты тэга <BODY> 4
6. Элементы блочной разметки 5
<HR ALIGN=CENTER WIDTH=80% COLOR=RED> 5
7. Форматирование текста 6
Логическое форматирование 6
Физическое форматирование 6
Изменение названия шрифта 7
Изменение размера шрифта 7
8. Изображения 7
9. Списки 8
Маркированный список 8
Нумерованный список 9
Список определений 9
Вложенные списки 10
10. Организация ссылок 11
Правила описания URL-адреса: 11
Протокол://имя-сервера/путь 11
TARGET 12
Внутренние ссылки 12
<A Name=ATM></A> 12
Использование изображения в качестве ссылки 12
<A HREF=my_doc.html><IMG SRC=winter.jpg></A> 12
11. Таблицы 12
<TABLE BORDER=1 BGCOLOR=ANTIQUEWHITE WIDTH=40% ALIGN=LEFT> 14
<TR> <TH>Время года</TH> <TH>Месяц</TH> </TR> 14
<TR><TD>Весна</TD><TD>Март<BR>Апрель<BR>Май<BR></TD></TR> 14
И снега водою станут, уйдут,<BR>Унося зимы печали...<BR> 14
<TR><TD ROWSPAN=3 ALIGN=CENTER>Москва </TD><TD>Велосипеды</TD> 15
<TD ALIGN=RIGHT>1600</TD></TR> 16
<TR><TD ALIGN=CENTER>Череповец </TD><TD>Велосипеды</TD> 16
<TR><TD>Роликовые доски</TD><TD>400</TD></TR> 16
<TR><TD>Роликовые доски</TD><TD>600</TD></TR> 16
12. Фреймы 17
<FRAMESET COLS=40%,60%> 17
<FRAMESET COLS=40%,*> 17
<FRAMESET ROWS=*,2*,3*> 17
<a href=poems.html target=right>Стихи</a><br> 19
Основы HTML
1.Что такое html
Всемирная паутина World Wide Web (WWW) соткана из Web-страниц, которые создаются с помощью так называемого языка разметки гипертекста HTML (Hyper Text Markup Langage). HTML не является языком программирования, это язык разметки документа. Разметка служит для указания формы представления информации, содержащейся в документе.
Специальные программы просмотра HTML-документов, которые часто называют браузерами, служат для интерпретации файлов, размеченных по правилам языка HTML, форматирования их в виде Web-страниц и отображении их содержимого на экране компьютера пользователя. Существует большое количество программ-браузеров, разработанных различными компаниями, однако, на сегодняшний день из всего многообразия программ явно выделяются две программы-лидеры – Netscape Navigator и Microsoft Internet Explorer.
2.Основные понятия html
Тэг (tag) – невидимый разметочный символ.
Тэги бывают одиночные и парные. Большинство тэгов используются попарно, т.е. для открывающего тэга в документе имеется соответствующий закрывающий тэг. По правилам HTML закрывающий тэг записывается, так же как и открывающий, но с символом / (прямой слеш) перед именем тэга.
Например:
Одиночный тэг - <BR>
Парный тэг - <TR> </TR>
Атрибуты тэгов – это дополнительные параметры для тэгов.
Атрибуты записываются после имени тэга, отделяются друг от друга пробелами;
Порядок следования атрибутов тэга произволен;
Многие атрибуты имеют значения, некоторые не имеют значений или могут записываться без них;
Если атрибут имеет значение, то оно указывается после названия атрибута через знак =
Значение атрибута может записываться в кавычках, или без них.
Спецсимволы – необходимы для отображения на странице не вводимых с клавиатуры символов.
Например: ©, ® и т.д.
Обозначение - &спецсимвол;
© - ©
- символ пробела