HTML Скачать
презентацию
<<  Язык HTML Документ HTML  >>
Тема 10
Тема 10
HTML (HyperText Manipulation Language)
HTML (HyperText Manipulation Language)
Тег (Tag)
Тег (Tag)
Тег состоит из следующих элементов:
Тег состоит из следующих элементов:
Парный тег
Парный тег
Атрибут тега
Атрибут тега
Спецификация атрибута
Спецификация атрибута
Общий вид документа html
Общий вид документа html
<HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META
<HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META
Разбиение текста на строки и абзацы
Разбиение текста на строки и абзацы
<HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META
<HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META
Заголовки
Заголовки
<BODY> <BR> <H1>Заголовок</H1> Это тело страницы <HR> <PRE>
<BODY> <BR> <H1>Заголовок</H1> Это тело страницы <HR> <PRE>
Выравнивание текста
Выравнивание текста
<BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER>
<BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER>
Форматирование шрифтов
Форматирование шрифтов
<BODY> <BR> <B>Пример</B> <EM>работы</EM> <U>с</U> <S>текстом</S> <BR>
<BODY> <BR> <B>Пример</B> <EM>работы</EM> <U>с</U> <S>текстом</S> <BR>
Размер шрифта
Размер шрифта
Гарнитура и цвет шрифта
Гарнитура и цвет шрифта
<BODY BGCOLOR=BLUE TEXT=YELLOW> <BR> Жёлтый текст на синем фоне
<BODY BGCOLOR=BLUE TEXT=YELLOW> <BR> Жёлтый текст на синем фоне
<BODY> <BR> <FONT FACE=Arial COLOR=BLUE> Синиий Arial </BODY>
<BODY> <BR> <FONT FACE=Arial COLOR=BLUE> Синиий Arial </BODY>
Работа с цветом
Работа с цветом
Стандартные цвета
Стандартные цвета
Стандартные цвета
Стандартные цвета
Создание списков
Создание списков
<BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>
<BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>
<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение
<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение
Работа с графическими изображениями
Работа с графическими изображениями
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)
Работа с таблицами
Работа с таблицами
Создание ссылок
Создание ссылок
<BR> <A HREF="http://grsu
<BR> <A HREF="http://grsu
СОЗДАНИЕ ССЫЛОК (продолжение)
СОЗДАНИЕ ССЫЛОК (продолжение)
<A href="http:\\yandex
<A href="http:\\yandex
Бегущая строка
Бегущая строка
БЕГУЩАЯ СТРОКА (продолжение)
БЕГУЩАЯ СТРОКА (продолжение)
БЕГУЩАЯ СТРОКА (окончание)
БЕГУЩАЯ СТРОКА (окончание)
Создание фреймов
Создание фреймов
Атрибуты фрейма <FRAME>
Атрибуты фрейма <FRAME>
Атрибуты фрейма <FRAME> (окончание)
Атрибуты фрейма <FRAME> (окончание)
Спасибо за внимание
Спасибо за внимание
Слайды из презентации «Основы HTML» к уроку информатики на тему «HTML»

Автор: MASTER. Чтобы увеличить слайд, нажмите на его эскиз. Чтобы использовать презентацию на уроке, скачайте файл «Основы HTML.ppt» бесплатно в zip-архиве размером 640 КБ.

Скачать презентацию

Основы HTML

содержание презентации «Основы HTML.ppt»
СлайдТекст
1 Тема 10

Тема 10

ОСНОВЫ ЯЗЫКА HTML.

Кафедра МИОЭС Ст. преподаватель Гончаров Сергей Леонидович

2 HTML (HyperText Manipulation Language)

HTML (HyperText Manipulation Language)

Язык, предназначенный для создания форматированного текста, который насыщен изображениями, звуком, анимацией и ссылками на другие объекты, например, гипертекстовые документы, графические файлы и т.Д.,

Основы языка html

3 Тег (Tag)

Тег (Tag)

Команда HTML

Основы языка html

4 Тег состоит из следующих элементов:

Тег состоит из следующих элементов:

Левой угловой скобки < необязательного слэша /, который означает, что тег является конечным тегом, закрывающим некоторую структуру имени тега необязательных атрибутов правой угловой скобки >

Основы языка html

5 Парный тег

Парный тег

имеет открывающий тег <BODY> закрывающий тег с тем же именем </BODY> В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом

Основы языка html

6 Атрибут тега

Атрибут тега

Относящиеся к тегу уточнения

Основы языка html

7 Спецификация атрибута

Спецификация атрибута

Имя атрибута, например WIDTH; знак равенства =; значение атрибута, которое задается строкой символов, например, "80".

Основы языка html

8 Общий вид документа html

Общий вид документа html

Основы языка html

9 <HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META

<HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META

keywords="экономика, математика" content="text/html; charset="windows-1251"> <BODY> Это тело страницы </BODY> </HTML>

Основы языка html

10 Разбиение текста на строки и абзацы

Разбиение текста на строки и абзацы

Основы языка html

11 <HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META

<HTML> <HEAD>Это заглавие</HEAD> <TITLE>Здесь титул</TITLE> <META

keywords="экономика, математика" content="text/html; charset="windows-1251"> <BODY> <BR> Это тело страницы <HR> <PRE> Предварительно отформатированный текст </PRE> </BODY> </HTML>

Основы языка html

12 Заголовки

Заголовки

Основы языка html

13 <BODY> <BR> <H1>Заголовок</H1> Это тело страницы <HR> <PRE>

<BODY> <BR> <H1>Заголовок</H1> Это тело страницы <HR> <PRE>

Предварительно отформатированный текст </PRE> </BODY>

Основы языка html

14 Выравнивание текста

Выравнивание текста

Основы языка html

15 <BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER>

<BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER>

</BODY>

Основы языка html

16 Форматирование шрифтов

Форматирование шрифтов

Основы языка html

17 <BODY> <BR> <B>Пример</B> <EM>работы</EM> <U>с</U> <S>текстом</S> <BR>

<BODY> <BR> <B>Пример</B> <EM>работы</EM> <U>с</U> <S>текстом</S> <BR>

<TT> Пишущая машинка </TT> <BR> Что-то <SUP>Верхний индекс</SUP> <BR> Что-то <SUB>Нижний индекс</SUB> </BODY>

Основы языка html

18 Размер шрифта

Размер шрифта

Основы языка html

19 Гарнитура и цвет шрифта

Гарнитура и цвет шрифта

Основы языка html

20 <BODY BGCOLOR=BLUE TEXT=YELLOW> <BR> Жёлтый текст на синем фоне

<BODY BGCOLOR=BLUE TEXT=YELLOW> <BR> Жёлтый текст на синем фоне

</BODY>

Основы языка html

21 <BODY> <BR> <FONT FACE=Arial COLOR=BLUE> Синиий Arial </BODY>

<BODY> <BR> <FONT FACE=Arial COLOR=BLUE> Синиий Arial </BODY>

Основы языка html

22 Работа с цветом

Работа с цветом

“#RRGGBB”, где RR, GG, BB соответственно интенсивность красного, зеленого или синего цветов. Интенсивность задается в виде двузначного шестнадцатеричного числа (от 00 до FF). атрибут COLOR=”НАЗВАНИЕ ЦВЕТА”

Основы языка html

23 Стандартные цвета

Стандартные цвета

Основы языка html

24 Стандартные цвета

Стандартные цвета

Основы языка html

25 Создание списков

Создание списков

Основы языка html

26 <BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>

<BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>

.. </OL> <BR> Маркированный список <UL> <LI>Первый <LI>Второй <LI>... </UL>

Основы языка html

27 <BR>Список определений <DL> <DT>Первый термин <DD>Первое определение

<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение

<DT>Второй термин <DD>Второе определение </DL>

Основы языка html

28 Работа с графическими изображениями

Работа с графическими изображениями

Основы языка html

29 РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)

<IMG SRC=”http://grsu.by/build.gif”> <IMG SRC=”d:\work\build.jpg”>

Основы языка html

30 РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)

РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)

Основы языка html

31 Работа с таблицами

Работа с таблицами

Основы языка html

32 Создание ссылок

Создание ссылок

Основы языка html

33 <BR> <A HREF="http://grsu

<BR> <A HREF="http://grsu

by"> Гроднеский государственный университет </A>

Основы языка html

34 СОЗДАНИЕ ССЫЛОК (продолжение)

СОЗДАНИЕ ССЫЛОК (продолжение)

Основы языка html

35 <A href="http:\\yandex

<A href="http:\\yandex

Ru"> <IMG src="d:\кит\yandex.Gif"> </A>

Основы языка html

36 Бегущая строка

Бегущая строка

Основы языка html

37 БЕГУЩАЯ СТРОКА (продолжение)

БЕГУЩАЯ СТРОКА (продолжение)

Основы языка html

38 БЕГУЩАЯ СТРОКА (окончание)

БЕГУЩАЯ СТРОКА (окончание)

Основы языка html

39 Создание фреймов

Создание фреймов

Основы языка html

40 Атрибуты фрейма <FRAME>

Атрибуты фрейма <FRAME>

Основы языка html

41 Атрибуты фрейма <FRAME> (окончание)

Атрибуты фрейма <FRAME> (окончание)

Основы языка html

42 Спасибо за внимание

Спасибо за внимание

Основы языка html

«Основы HTML»
http://900igr.net/prezentatsii/informatika/Osnovy-HTML/Osnovy-HTML.html
cсылка на страницу
Урок

Информатика

126 тем
Слайды
Презентация: Основы HTML.ppt | Тема: HTML | Урок: Информатика | Вид: Слайды