Лекция 8. HTML основы. Часть 1.

510 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
510
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Лекция 8. HTML основы. Часть 1.

  1. 1. Национальный аэрокосмический университетим. Н.Е.Жуковского «ХАИ»ОСНОВЫ РАБОТЫ В ИНТЕРНЕТ.ЛЕКЦИЯ №8.HTML. Базовые понятия.Фурманов Алексей Аркадиевич
  2. 2. HTMLHTML (от англ. HyperText Markup Language —«язык разметки гипертекста») — стандартныйязык разметки документов в сети Интернет.HTML разработан на базе языка SGML(стандартного обобщённого языка разметки)британским учёным Тимом Бернерсом-Ли в1991—1992 годах в Женеве (Швейцария).
  3. 3. ТэгОсновной конструкцией языка HTML являютсятэги (tag). Тэг состоит из:<имя_тэга имя_атрибута1=“значение_атрибута1”…>Тэги бывают:<a> - открывающие</a> - закрывающие<a /> - закрытыеИмена тэгов нечувствительны к регистру:<html> = <HTML> = <hTmL>
  4. 4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Заголовок страницы</title><meta name="author" content="Алексей Фурманов"><meta name="description" content="Пример"></head><body><p>Мой первый документ</p></body></html>Структура документа HTML
  5. 5. Строгий (strict):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">Переходный (transitional):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">Набор фреймов (frameset):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">Типы документов
  6. 6. Мета-информация (“информация об информации”) – этоинформация о документе, описывает свойства документа,например, авторство, описание документа, истечение датыдокумента, список ключевых слов и т.д.<meta name="author" content="Алексей Фурманов"><meta name="description" content="Моя первая страница“>При помощи тега <META> можно переопределять http-заголовкидокумента:<meta HTTP-EQUIV="Expires" CONTENT="Tue, 20 Aug 199614:25:27 GMT"><meta http-equiv="Content-Type" content="text/html;charset=cp-1251">NB! По спецификации HTML 4.0 тэг <META> - не закрывается!Тэг <META>
  7. 7. Тэг заголовка:<H[n]>Текст заголовка</H[n]> , где n=1÷6Например:<H1>Моя страничка</H1><H3>Мой подраздел</H3>Тэг параграфа (абзаца):<P>Текст</P>Тэг новой строки в текущем параграфе (абзаце):<br>Текст</br>Тэг отображения заранее отформатированного текста:<pre>Текст</pre>Тэги логического форматирования
  8. 8. Тэги привлечения внимания:<EM>Текст</EM> - курсив,<STRONG>Текст</STRONG> - жирныйТэг адреса:<ADDRESS>Текст</ADDRESS>Тэги цитаты:<BLOCKQUOTE>Текст</BLOCKQUOTE> - цитирование в тексте,<CITE>Текст</CITE> - внешнее цитированиеТэг определения термина:<DFN>Текст</DFN>Тэги логического форматирования2
  9. 9. Тэг выделения программного кода:<CODE>Текст</CODE>Тэг переменной:<VAR>Текст</VAR>Тэги логического форматирования3
  10. 10. Тэг выделения курсивом:<I>Текст</I>Жирный:<B>Текст</B>Подчёркнутый:<U>Текст</U>Перечёркнутый:<STRIKE>Текст</STRIKE>Моноширинный:<TT>Текст</TT>Тэги физического форматирования
  11. 11. Верхний регистр:<SUP>Текст</SUP>Нижний регистр:<SUB>Текст</SUB>Списки:<OL>Нумерованный список</OL><UL>Маркированный список</UL><LI>Элемент списка</LI>Пример:<UL><LI>Элемент 1</LI><LI>Элемент 2</LI><LI>Элемент 3</LI></UL>Тэги физического форматирования2

×