Омск 201 2
DESCRIPTION
БОУ СПО «Омский государственный колледж управления и профессиональных технологий». Основы языка гипертекстовой разметки документа HTML. Выполнила преподаватель информатики Шушакова А.Н. Омск 201 2. Содержание. Понятие языка HTML. Структура HTML - документа. Форматирование страницы. - PowerPoint PPT PresentationTRANSCRIPT
Омск 2012
БОУ СПО «Омский государственный колледж управления и профессиональных технологий»
Выполнила преподаватель
информатики Шушакова А.Н.
Понятие языка HTMLСтруктура HTML - документаФорматирование страницы Форматирование текста
2
Списки
3
HTML— стандартный язык разметки документов во Всемирной паутине
HTML— стандартный язык разметки документов во Всемирной паутине
WEB-браузер—интерпретатор HTML, отображает язык HTML в удобной для
человека форме
WEB-браузер—интерпретатор HTML, отображает язык HTML в удобной для
человека форме
4
5
Начало документаНачало документаГолова документаГолова документа
Заголовок документаЗаголовок документа
6
HTML - это тэги, и ничего кроме тэгов. Для изучения HTML нужно изучить различные тэги.
HTML - это тэги, и ничего кроме тэгов. Для изучения HTML нужно изучить различные тэги.
<font color = red > Привет! </font>
Атрибуты тега
Значение атрибута
Тег - специальная метка в начале и в конце элемента HTML - документа
Тег - специальная метка в начале и в конце элемента HTML - документа
7
bgcolor цвет фона html-страницы
< BODY bgcolor="black">< /BODY>
< BODY bgcolor="#000000">< /BODY>
background позволяет задать в качестве фона html-страницы картинку
< BODY background="http://www.seoded.ru/logo.jpg">< /BODY>
< BODY background="logo.jpg">< /BODY>
< BODY background="images/logo.jpg">< /BODY>
text устанавливает цвет текста html-документа
< BODY text=“green">< /BODY>
< BODY text="#008000">< /BODY>
Атрибуты <body>..</body>
8
Заголовок
<h1> Исходный текст </h1>
<h2> Исходный текст </h2>
<h3> Исходный текст </h3>
<h4> Исходный текст </h4>
<h5> Исходный текст </h5>
<h6> Исходный текст </h6>
М
М
9
Абзац
<P>…….</P>Атрибуты:
Align=“left” – выравнивание по левому краю
Align=“right” - выравнивание по правому
краю
Align=“center” - выравнивание по центру
Align=“justify” - выравнивание по ширине
10
<Font>… </Font>Атрибут Определение Значение
SIZE Определяет размер шрифта
1 , 2 , 3 , 4 , 5 , 6 , 7.
COLOR Определяет цвет текста. #00000Red, black…..
FACE Определяет используемый шрифт.
Times New Roman, Arial, Tahoma, Courier, Courier New
<font size=7 color=green face=“aril”> Привет! </font><font size=7 color=green face=“aril”> Привет! </font>
11
Тег Определение
<br> Переход на новую строку
<u>..</u> Подчеркнутый текст
<b>..</b> Жирный текст
<i>..</i> Текст курсивом
12
<OL>
<LI>Иностранный язык</LI>
<LI>Физподготовка</LI>
<LI>Алгебра</LI>
<LI>История</LI>
<LI>Информатика</LI></OL>
13
Нумерованный список
<UL><LI>Первый элемент списка</LI><LI>Второй элемент списка</LI><LI>Третий элемент списка</LI>
</UL>
• Иностранный язык• Физподготовка• Алгебра• История• Информатика
14
Ненумерованный список
<html><head><title> пример </title></head><body><font size=6 color=green face=“aril”> <b> Расписание</b> <br><br><i>
Математика <br>Русский <br>Биология <br>
</i></font></dody></html>
15
Для чего предназначен Web-браузер?
Опишите структуру документа HTML.
Что такое тег?
С помощью какого тега можно
создать заголовок текста?
С помощью какого тега можно задать
абзац в тексте?
Что задает тег <font> </font>?
16