Основы HTML презентация
Содержание
- 2. Структура любого документа: Структура любого документа: <HTML> <HEAD> ……….
- 3. Чтобы добавить название, используется тег <TITLE>, который располагается в части заголовка.
- 4. <HTML> <HTML> <HEAD> <TITLE>Заголовок</TITLE> </HEAD> <BODY> Некоторый
- 5. <HTML> <HTML> <HEAD> <TITLE>Заголовок</TITLE> </HEAD> <BODY> Абзац 1
- 6. Язык HTML позволяет вставлять комментарии в текст следующим образом: Язык HTML
- 9. <HTML> <HTML> <HEAD> <TITLE>Пример заголовков</TITLE> </HEAD> <BODY> <H1>Учебное пособие</H1>
- 10. Пример: <P ALIGN=“right”>Подпись</P> Пример: <CENTER>Учебное пособие</CENTER>
- 11. <H4>Текст без <PRE></H4> <H4>Текст без <PRE></H4> Здесь
- 13. По стандарту значение атрибута заключается в двойные кавычки Двойные и одинарные
- 14. Пример: <FONT SIZE=4> Текст, с измененным шрифтом</FONT> Пример: <BASEFONT SIZE=5>
- 16. Пример: <BODY TEXT=”grey”> Пример: <BODY LINK=”red” VLINK=”blue” ALINK=”green”>
- 17. Нумерованный Маркированный Определений
- 19. <H3>Нумерованный список. TYPE="a" </H3> <H3>Нумерованный список. TYPE="a" </H3> <OL TYPE="a"> <LI>Первый</LI>
- 20. <H3>Маркированный список по умолчанию</H3> <H3>Маркированный список по умолчанию</H3> <UL> <LI>Первый</LI> <LI>Второй</LI>
- 21. <DL> <DL> <DT>Термин</DT> <DD>Определение</DD> </DL> <DL> <DT><B>Заголовок</B></DT> <DD>Основной текст</DD> </DL>
- 22. Пример: <A HREF=”link.html”>Ссылка</A> Пример: <A HREF=”…/directory/link.html”> Пример: <A HREF=”#Paragraph1”>Параграф1</A>
- 23. <HTML> <HTML> <HEAD> <TITLE>М. Ю. Лермонтов</TITLE> </HEAD> <BODY> <A HREF=#Parus>Парус</A><br> <A
- 24. <IMG SRC=line.jpg WIDTH=90% HEIGHT=90%> <IMG SRC=line.jpg WIDTH=90% HEIGHT=90%>
- 26. Прекращение обтекания изображения текстом Атрибуты TITLE и ALT Использование в
- 27. Пример: <BR CLEAR=all> Пример: <IMG SRC=photo.jpg ALT=”Здесь должно быть мое
- 28. Скачать презентацию
Слайды и текст этой презентации
Слайд 1
Описание слайда:
Слайд 2
Описание слайда:
Структура любого документа:
Структура любого документа:
<HTML>
<HEAD>
……….
</HEAD>
<BODY>
………
</BODY>
</HTML>
Слайд 3
Описание слайда:
Чтобы добавить название, используется тег <TITLE>, который располагается в части заголовка.
Чтобы добавить название, используется тег <TITLE>, который располагается в части заголовка.
Пример: <TITLE>Заголовок</TITLE>.
Слайд 4
Описание слайда:
<HTML>
<HTML>
<HEAD>
<TITLE>Заголовок</TITLE>
</HEAD>
<BODY>
Некоторый
текст
</BODY>
</HTML>
Слайд 5
Описание слайда:
<HTML>
<HTML>
<HEAD>
<TITLE>Заголовок</TITLE>
</HEAD>
<BODY>
Абзац 1
Абзац 2
<P>Абзац 3</P>
</BODY>
</HTML>
Слайд 6
Описание слайда:
Язык HTML позволяет вставлять комментарии в текст следующим образом:
Язык HTML позволяет вставлять комментарии в текст следующим образом:
<!--
закомментированный текст
-->
Слайд 7
Описание слайда:
Слайд 8
Описание слайда:
Слайд 9
Описание слайда:
<HTML>
<HTML>
<HEAD>
<TITLE>Пример заголовков</TITLE>
</HEAD>
<BODY>
<H1>Учебное пособие</H1>
<H2>Глава 1. Основы HTML</H2>
<H3>Параграф 1. Базовые теги</H3>
</BODY>
</HTML>
Слайд 10
Описание слайда:
Пример: <P ALIGN=“right”>Подпись</P>
Пример: <CENTER>Учебное пособие</CENTER>
Слайд 11
Описание слайда:
<H4>Текст без <PRE></H4>
<H4>Текст без <PRE></H4>
Здесь
размещен
предварительно
отформатированный
текст
<H4>Текст c <PRE></H4>
<PRE>
Здесь
размещен
предварительно
отформатированный
текст
</PRE>
Слайд 12
Описание слайда:
Слайд 13
Описание слайда:
По стандарту значение атрибута заключается в двойные кавычки
Двойные и одинарные кавычки равноценны
Обязательно кавычки должны использоваться, если в значении атрибута содержится пробел
Слайд 14
Описание слайда:
Пример: <FONT SIZE=4> Текст, с измененным шрифтом</FONT>
Пример:
<BASEFONT SIZE=5>
<FONT SIZE=”-2”>Шрифт текста равен 3</FONT>
<FONT SIZE=”+2”>Шрифт текста равен 7</FONT>
Пример: <FONT FACE=”Courier New”>Гарнитура Courier New</FONT>
Пример: <FONT FACE=”Courier New, Arial, Verdana”>
Слайд 15
Описание слайда:
Слайд 16
Описание слайда:
Пример: <BODY TEXT=”grey”>
Пример:
<BODY LINK=”red” VLINK=”blue” ALINK=”green”>
Пример: <FONT COLOR=”navy”>
Пример: <BODY BGCOLOR=”yellow”>
Слайд 17
Описание слайда:
Нумерованный
Маркированный
Определений
Слайд 18
Описание слайда:
Слайд 19
Описание слайда:
<H3>Нумерованный список. TYPE="a" </H3>
<H3>Нумерованный список. TYPE="a" </H3>
<OL TYPE="a">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</OL>
<H3>Нумерованный список. TYPE="A" </H3>
<OL TYPE="A">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</OL>
<H3>Нумерованный список. TYPE="i" </H3>
<OL TYPE="i">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</OL>
<H3>Нумерованный список. TYPE="I" </H3>
<OL TYPE="I">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</OL>
<H3>Нумерованный список. TYPE="1" </H3>
<OL TYPE="1">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</OL>
Слайд 20
Описание слайда:
<H3>Маркированный список по умолчанию</H3>
<H3>Маркированный список по умолчанию</H3>
<UL>
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</UL>
<H3>Маркированный список. TYPE="disc" </H3>
<UL TYPE=“disc">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</UL>
<H3>Маркированный список. TYPE="circle" </H3>
<UL TYPE="circle">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</UL>
<H3>Маркированный список. TYPE="square" </H3>
<UL TYPE="square">
<LI>Первый</LI>
<LI>Второй</LI>
<LI>Третий</LI>
</UL>
<H3>Маркированный список смешанного типа</H3>
<UL>
<LI TYPE="disc">Первый</LI>
<LI TYPE="circle">Второй</LI>
<LI TYPE="square">Третий</LI>
</UL>
Слайд 21
Описание слайда:
<DL>
<DL>
<DT>Термин</DT> <DD>Определение</DD>
</DL>
<DL>
<DT><B>Заголовок</B></DT> <DD>Основной текст</DD>
</DL>
Слайд 22
Описание слайда:
Пример: <A HREF=”link.html”>Ссылка</A>
Пример: <A HREF=”…/directory/link.html”>
Пример: <A HREF=”#Paragraph1”>Параграф1</A>
Пример: <A HREF=page3.html#Paragraph2>Параграф 2 страницы 3</A>
Пример: <A HREF=mailto:addr@addr.ru>Написать письмо</A>
Слайд 23
Описание слайда:
<HTML>
<HTML>
<HEAD>
<TITLE>М. Ю. Лермонтов</TITLE>
</HEAD>
<BODY>
<A HREF=#Parus>Парус</A><br>
<A HREF=#Utes>Утес</A><br><br><br>
<A NAME=Parus><B>Парус</B></A><br>
<br>
Белеет парус одинокой<br>
В тумане моря голубом. -<br>
Что ищет он в стране далекой?<br>
Что кинул он в краю родном? <br>
<br>
Играют волны, ветер свищет,<br>
И мачта гнется и скрыпит;<br>
Увы! - он счастия не ищет<br>
И не от счастия бежит! - <br>
<br><br><br>
<A NAME=Utes><B>Утес</B></A><br>
<br>
Ночевала тучка золотая<br>
На груди утеса-великана;<br>
Утром в путь она умчалась рано,<br>
По лазури весело играя; <br>
<br>
</BODY>
</HTML>
Слайд 24
Описание слайда:
<IMG SRC=line.jpg WIDTH=90% HEIGHT=90%>
<IMG SRC=line.jpg WIDTH=90% HEIGHT=90%>
Слайд 25
Описание слайда:
Слайд 26
Описание слайда:
Прекращение обтекания изображения текстом
Атрибуты TITLE и ALT
Использование в качестве фонового рисунка
Слайд 27
Описание слайда:
Пример: <BR CLEAR=all>
Пример: <IMG SRC=photo.jpg ALT=”Здесь должно быть мое фото”>
Пример: <BODY BACKGROUND=”bg.jpg”>
Скачать презентацию на тему Основы HTML можно ниже:
