Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Национальный аэрокосмический университетим. Н.Е.Жуковского «ХАИ»ОСНОВЫ РАБОТЫ В ИНТЕРНЕТ.ЛЕКЦИЯ №9.HTML. Атрибуты тэгов. Ц...
Тэг состоит из:<имя_тэга имя_атрибута1=“значение_атрибута1”…>где:имя_тэга = {html, body, meta, p, br, em, strong, b, i, …}...
Цвета:1)записываются в 16-ричной форме либо константами (black)2)на один канал цвета приходится один байт (от 00 до FF)3)ф...
Таблицы строятся при помощи строк, в которых находятся ячейки.Строки располагаются сверху вниз, ячейки располагаются слева...
Пример:<TABLE><TR><TH>Заголовок 1</TH><TH>Заголовок 2</TH></TR><TR><TD>Ячейка 1.1</TD><TD>Ячейка 1.2</TD></TR><TR><TD>Ячей...
NB!1) cellpadding=“5” === cellpadding=“5px”2) можно задавать ширину и высоту в % (от контейнератаблицы)3) Ширина первой яч...
Для объединения ячеек у них существуют следующие атрибуты:rowspan – объединение строкcolspan – объединение столбцовНаприме...
Пример:<TABLE><TR><TH colspan=“2”>Заголовок</TH></TR><TR><TD>Ячейка 1.1</TD><TD rowspan=“2”>Ячейка 1.2</TD></TR><TR><TD>Яч...
Тэг изображения:<IMG src=“URL изображения” alt=“подпись” border=“ширина границы”>Пример:<IMG src=“http://mail.ru/myphoto.j...
Списки нумерованные (1,2…) и маркированные (-,*).Нумерованные:<OL start=“начальное значение” type=“типмаркера”>Нумерованны...
Пример вложенного списка:<UL><LI>Элемент 1</LI><LI>Элемент 2</LI><LI><OL start=“2” type=“A”><LI>Элемент 3.1</LI><LI>Элемен...
Текстовые блоки бывают: отдельные и встроенные.1) Отдельный текстовый блок – начинается с новойстроки:<DIV>Текст</DIV>2) В...
Для описания каких-либо заметок относящихся к HTMLнеобходимо пользоваться комментариями:<!-- Пример однострочного коммента...
Upcoming SlideShare
Loading in …5
×

Лекция 9. Основы HTML. Часть 2.

538 views

Published on

Основы работы в интернет

  • Be the first to comment

  • Be the first to like this

Лекция 9. Основы HTML. Часть 2.

  1. 1. Национальный аэрокосмический университетим. Н.Е.Жуковского «ХАИ»ОСНОВЫ РАБОТЫ В ИНТЕРНЕТ.ЛЕКЦИЯ №9.HTML. Атрибуты тэгов. Цвета. Таблицы.Изображения и звуки. Списки.Текстовые блоки. Комментарии.Фурманов Алексей Аркадиевич
  2. 2. Тэг состоит из:<имя_тэга имя_атрибута1=“значение_атрибута1”…>где:имя_тэга = {html, body, meta, p, br, em, strong, b, i, …}имя_атрибута1 = {color, bgcolor, border, style, class, …}Пример:<P color = “red” bgcolor=“#000”>Важное сообщение! </P>Атрибуты тэгов
  3. 3. Цвета:1)записываются в 16-ричной форме либо константами (black)2)на один канал цвета приходится один байт (от 00 до FF)3)форма записи: #RRGGBB (Red|Green|Blue)от #000000 (“black”-чёрный) до #FFFFFF (“white”-белый)#FF0000 - (“red”-красный), #0000FF - (“blue”-синий)4) краткая форма: #abc = #aabbcc, #000 = #000000Цвета
  4. 4. Таблицы строятся при помощи строк, в которых находятся ячейки.Строки располагаются сверху вниз, ячейки располагаются слеванаправо.Тэг таблицы:<TABLE border=“1px” cellpadding=“5px” cellspacing=“5”>Тэг строки:<TR>Тэг ячейки:<TD> - ячейка данных<TH> - ячейка заголовкаТаблицы 1
  5. 5. Пример:<TABLE><TR><TH>Заголовок 1</TH><TH>Заголовок 2</TH></TR><TR><TD>Ячейка 1.1</TD><TD>Ячейка 1.2</TD></TR><TR><TD>Ячейка 2.1</TD><TD>Ячейка 2.2</TD></TR></TABLE>Таблицы 2Заголовок 1 Заголовок 2Ячейка 1.1 Ячейка 1.2Ячейка 2.1 Ячейка 2.1
  6. 6. NB!1) cellpadding=“5” === cellpadding=“5px”2) можно задавать ширину и высоту в % (от контейнератаблицы)3) Ширина первой ячейки задаёт ширину первого столбца4) Высота первой ячейки задаёт высоту первой строкиТаблицы 31 – border (ширина границытаблицы)2 - cellpadding (расстояние отграницы ячейки до содержимогоячейки)3 – cellspacing (расстояние междуячейками)4 – width (ширина таблицы)5 – height (высота таблицы)ТекстТекстТекстТекст1335422
  7. 7. Для объединения ячеек у них существуют следующие атрибуты:rowspan – объединение строкcolspan – объединение столбцовНапример:<TD colspan=“2” rowspan=“2”>Таблицы 4
  8. 8. Пример:<TABLE><TR><TH colspan=“2”>Заголовок</TH></TR><TR><TD>Ячейка 1.1</TD><TD rowspan=“2”>Ячейка 1.2</TD></TR><TR><TD>Ячейка 2.1</TD></TR></TABLE>Таблицы 5ЗаголовокЯчейка 1.1 Ячейка 1.2Ячейка 2.1
  9. 9. Тэг изображения:<IMG src=“URL изображения” alt=“подпись” border=“ширина границы”>Пример:<IMG src=“http://mail.ru/myphoto.jpg” alt=“Это я” border=“1px”><IMG src=“myphoto.jpg” alt=“Это я” border=“0”><IMG src=“../myphoto.jpg” alt=“Это я” border=“0px”>Тэг звука:<BGSOUND src=“URL звукового файла” loop=“количество цикловповторения|INFINITE”>Изображения и звуки
  10. 10. Списки нумерованные (1,2…) и маркированные (-,*).Нумерованные:<OL start=“начальное значение” type=“типмаркера”>Нумерованный список</OL>type = 1,A,a,I,iМаркированные:<UL type=“тип маркера”>Маркированный список</UL>type = circle ,square , diskЭлемент списка:<LI>Элемент списка</LI>Списки
  11. 11. Пример вложенного списка:<UL><LI>Элемент 1</LI><LI>Элемент 2</LI><LI><OL start=“2” type=“A”><LI>Элемент 3.1</LI><LI>Элемент 3.2</LI></OL></LI></UL>Списки 2
  12. 12. Текстовые блоки бывают: отдельные и встроенные.1) Отдельный текстовый блок – начинается с новойстроки:<DIV>Текст</DIV>2) Встроенный текстовый блок – внедрён в текущеепредложение:<SPAN>Текст</SPAN>Текстовые блоки
  13. 13. Для описания каких-либо заметок относящихся к HTMLнеобходимо пользоваться комментариями:<!-- Пример однострочного комментария --><!--Пример многострочного комментария-->Например:<!– Это наш список --><OL><LI></LI></OL>Комментарии

×