Презентация на тему "HTML- язык разметки гипертекста"

Предпросмотр материала:

1/37

Презентация на тему "HTML- язык разметки гипертекста"

Описание презентации по отдельным слайдам:

1 слайд

HTML
—
язык разметки
гипертекста
2 слайд

HTML представляет собой совокупность команд, которые вставляются в текст документа
(ASCII-файл) и позволяют управлять представлением этого документа на экране дисплея.
3 слайд

HTML-документ отображается специальными программами - браузерами
Microsoft Internet Explorer и Netscape Navigator
4 слайд

Команды HTML задаются с помощью специальных элементов, называемых тегами (tag).
5 слайд

Теги позволяют управлять представлением информации на экране.

Тег имеет вид строки символов, заключенной между символами «<» и «>».
6 слайд

Существуют два типа тегов:

• одноэлементный тег,
который достаточно просто вставить в текст для того, чтобы совершить какое-либо действие;
 или <Р>
7 слайд

• парный тег,
который влияет на текст, заключенный между точкой, где употреблен тег, и точкой, в которой указан признак завершения команды. Признак завершения команды — это тег, начинающийся с символа «/».
<BODY> и </BODY>
8 слайд

Файлы HTML
—
это обычные текстовые файлы, имеющие расширение НТМ.
9 слайд

ТЕГИ

HTML-документа
10 слайд

<HTML> ... </HTML>
Этот тег указывает на то, что данный документ действительно содержит в себе HTML-текст.
11 слайд

<HTML>

текст документа

</HTML>
12 слайд

Документ разбивается на две части:
1) заголовок;
2) собственно текст(тело документа ).
1). Определение заголовка должно содержаться внутри тега <HEAD> ... </HEAD>
~~~~~~~
13 слайд

<HTML>
<HEAD>
описание заголовка
</HEAD>
текст документа
</HTML>
14 слайд

В разделе описания заголовка можно указать заглавие документа, для этого используется
тег <TITLE>...</TITLE>.
15 слайд

<HTML>
<HEAD>
<TITLE> Это заглавие документа </ТITLЕ>
</HEAD>
текст документа
</HTML>
16 слайд

Весь остальной HTML-документ содержится внутри тега
<BODY> ...</BODY>.
2).Определение тела документа.
17 слайд

<HTML>
<HEAD>
<TITLE> Это заглавие документа </TITLE>
</HEAD>
<BODY>
текст документа
</BODY>
</HTML>
18 слайд

Управление расположением текста на экране.
19 слайд

 
тег перевода строки
(одноэлементный)
~~~~~~~~~
отделяет строку от последующего текста или графики.
20 слайд

<Р> - тег абзаца (одноэлементный)
~~~~~~~~~
отделяет строку и добавляет пустую строку, которая зрительно выделяет абзац.
21 слайд

Выделение фрагментов текста.
22 слайд

<В> ... — выделение полужирным.
<І> ... — выделение курсивом.
 ... — выделение подчеркиванием.
23 слайд

Комбинированное
выделение текста:

<І><В> Текст </В></І>

выделение текста полужирным курсивом.
24 слайд

Правило записи комбинированных тегов:

правильная запись:
<Тег-1><Тег-2>...</Тег-2></Тег-1>

ошибочная запись:
<Тег-1><Тег-2>...</Тег-1></Тег-2>
25 слайд

Существуют два способа управления размером текста:

-использование стилей заголовка: (шесть тегов от <Н1> до <Н6>);

-задание размера шрифта основного документа или
размера текущего шрифта.
26 слайд


~~~~~~~~~
парный тег, который управляет размером, гарнитурой и цветом текста.
27 слайд

Для изменения размер шрифта текста в диапазоне от 1 до 7 добавляем к тегу атрибут SIZE:
28 слайд

Для изменения гарнитуры шрифта добавляем к тегу атрибут FACE ~~~
29 слайд

Для изменения цвета шрифта добавляем к тегу атрибут COLOR="X".
30 слайд

Вместо Х надо подставить название цвета или его шестнадцатеричное значение (в кавычках):
31 слайд

Запись цвета в формате RGB.
32 слайд

Запись цвета в формате RGB.
33 слайд

Для задания цвета фона и текста, в начале файла HTML в теге <BODY> ставят атрибуты:
34 слайд

BGCOLOR= определяет цвет фона страницы,
ТЕХТ= задает цвет текста для всей страницы,
LINK= и VLINK= цвет ссылок (непросмотренных и просмотренных).
35 слайд

Выравнивание текста по горизонтали с помощью атрибута ALIGN=
36 слайд

ALIGN=CENTER — выравнивание по центру;
ALIGN=RIGHT и ALIGN=LEFT — выравнивание по правому и левому краю.
37 слайд

Тег <IMG> (одноэлементный) позволяет вставить в документ изображение.

Презентация на тему "HTML- язык разметки гипертекста"

Информатика

8 класс

Презентации

PPTX

29.12.2015

881

Информатика

8 класс

Презентации

Файл будет скачан в формате:

PPTX

Автор материала

Коростылева Ольга Ивановна

учитель информатики

На сайте: 10 лет и 9 месяцев
Всего просмотров: 15917
Подписчики: 1
Всего материалов: 7

15917
просмотров
7
материалов
1
подписчиков

Настоящий материал опубликован пользователем Коростылева Ольга Ивановна.
Инфоурок является информационным посредником. Всю ответственность за опубликованные материалы несут пользователи, загрузившие материал на сайт. Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете на материал.