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