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
Разбиение текста на строки и абзацы
Разбиение текста на строки и абзацы
<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> <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> <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> <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 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>
<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> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>
<BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>
<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение
<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение
<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение
<BR>Список определений <DL> <DT>Первый термин <DD>Первое определение
Работа с графическими изображениями
Работа с графическими изображениями
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение)
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)
РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение)
Работа с таблицами
Работа с таблицами
Создание ссылок
Создание ссылок
<BR> <A HREF="http://grsu
<BR> <A HREF="http://grsu
<BR> <A HREF="http://grsu
<BR> <A HREF="http://grsu
СОЗДАНИЕ ССЫЛОК (продолжение)
СОЗДАНИЕ ССЫЛОК (продолжение)
<A href="http:\\yandex
<A href="http:\\yandex
<A href="http:\\yandex
<A href="http:\\yandex
Бегущая строка
Бегущая строка
БЕГУЩАЯ СТРОКА (продолжение)
БЕГУЩАЯ СТРОКА (продолжение)
БЕГУЩАЯ СТРОКА (окончание)
БЕГУЩАЯ СТРОКА (окончание)
Создание фреймов
Создание фреймов
Атрибуты фрейма <FRAME>
Атрибуты фрейма <FRAME>
Атрибуты фрейма <FRAME> (окончание)
Атрибуты фрейма <FRAME> (окончание)
Спасибо за внимание
Спасибо за внимание
Картинки из презентации «Основы HTML» к уроку информатики на тему «HTML»

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

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

Основы HTML

содержание презентации «Основы HTML.ppt»
Сл Текст Сл Текст
1Тема 10. ОСНОВЫ ЯЗЫКА HTML. Кафедра МИОЭС Ст. преподаватель 17<S>текстом</S> <BR> <TT> Пишущая машинка
Гончаров Сергей Леонидович. </TT> <BR> Что-то <SUP>Верхний
2HTML (HyperText Manipulation Language). Язык, индекс</SUP> <BR> Что-то <SUB>Нижний
предназначенный для создания форматированного текста, который индекс</SUB> </BODY> Основы языка html.
насыщен изображениями, звуком, анимацией и ссылками на другие 18Размер шрифта. Основы языка html.
объекты, например, гипертекстовые документы, графические файлы и 19Гарнитура и цвет шрифта. Основы языка html.
т.Д., Основы языка html. 20<BODY BGCOLOR=BLUE TEXT=YELLOW> <BR> Жёлтый
3Тег (Tag). Команда HTML. Основы языка html. текст на синем фоне </BODY> Основы языка html.
4Тег состоит из следующих элементов: Левой угловой скобки 21<BODY> <BR> <FONT FACE=Arial COLOR=BLUE>
< необязательного слэша /, который означает, что тег является Синиий Arial </BODY> Основы языка html.
конечным тегом, закрывающим некоторую структуру имени тега 22Работа с цветом. “#RRGGBB”, где RR, GG, BB соответственно
необязательных атрибутов правой угловой скобки > Основы языка интенсивность красного, зеленого или синего цветов.
html. Интенсивность задается в виде двузначного шестнадцатеричного
5Парный тег. имеет открывающий тег <BODY> закрывающий числа (от 00 до FF). атрибут COLOR=”НАЗВАНИЕ ЦВЕТА”. Основы
тег с тем же именем </BODY> В таких случаях два тега и языка html.
часть документа, отделенная ими, образуют блок, называемый HTML 23Стандартные цвета. Основы языка html.
элементом. Основы языка html. 24Стандартные цвета. Основы языка html.
6Атрибут тега. Относящиеся к тегу уточнения. Основы языка 25Создание списков. Основы языка html.
html. 26<BR> Нумерованный список <OL> <LI>Первый
7Спецификация атрибута. Имя атрибута, например WIDTH; знак <LI>Второй <LI>... </OL> <BR>
равенства =; значение атрибута, которое задается строкой Маркированный список <UL> <LI>Первый
символов, например, "80". Основы языка html. <LI>Второй <LI>... </UL> Основы языка html.
8Общий вид документа html. Основы языка html. 27<BR>Список определений <DL> <DT>Первый
9<HTML> <HEAD>Это заглавие</HEAD> термин <DD>Первое определение <DT>Второй термин
<TITLE>Здесь титул</TITLE> <META <DD>Второе определение </DL> Основы языка html.
keywords="экономика, математика" 28Работа с графическими изображениями. Основы языка html.
content="text/html; charset="windows-1251"> 29РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение). <IMG
<BODY> Это тело страницы </BODY> </HTML> SRC=”http://grsu.by/build.gif”> <IMG
Основы языка html. SRC=”d:\work\build.jpg”> Основы языка html.
10Разбиение текста на строки и абзацы. Основы языка html. 30РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (продолжение). Основы
11<HTML> <HEAD>Это заглавие</HEAD> языка html.
<TITLE>Здесь титул</TITLE> <META 31Работа с таблицами. Основы языка html.
keywords="экономика, математика" 32Создание ссылок. Основы языка html.
content="text/html; charset="windows-1251"> 33<BR> <A HREF="http://grsu.by">
<BODY> <BR> Это тело страницы <HR> <PRE> Гроднеский государственный университет </A> Основы языка
Предварительно отформатированный текст </PRE> html.
</BODY> </HTML> Основы языка html. 34СОЗДАНИЕ ССЫЛОК (продолжение). Основы языка html.
12Заголовки. Основы языка html. 35<A href="http:\\yandex.Ru"> <IMG
13<BODY> <BR> <H1>Заголовок</H1> Это src="d:\кит\yandex.Gif"> </A> Основы языка
тело страницы <HR> <PRE> Предварительно html.
отформатированный текст </PRE> </BODY> Основы языка 36Бегущая строка. Основы языка html.
html. 37БЕГУЩАЯ СТРОКА (продолжение). Основы языка html.
14Выравнивание текста. Основы языка html. 38БЕГУЩАЯ СТРОКА (окончание). Основы языка html.
15<BODY> <BR> <LEFT> Влево </LEFT> 39Создание фреймов. Основы языка html.
<BR> <CENTER> По центру </CENTER> 40Атрибуты фрейма <FRAME> Основы языка html.
</BODY> Основы языка html. 41Атрибуты фрейма <FRAME> (окончание). Основы языка
16Форматирование шрифтов. Основы языка html. html.
17<BODY> <BR> <B>Пример</B> 42Спасибо за внимание! Основы языка html.
<EM>работы</EM> <U>с</U>
«Основы HTML» | Основы HTML.ppt
http://900igr.net/kartinki/informatika/Osnovy-HTML/Osnovy-HTML.html
cсылка на страницу

HTML

другие презентации об HTML

«Объектно-ориентированное программирование» - Технология нисходящего структурного программирования Появление ООП. Парадигмы ООП: Лекция 1. Пример 2: формочки для печенья. Инкапсуляция наследование полиморфизм. Определения. 6. 20. 14. Продолжение кризиса. Бизнес процесс: Заказ товара.

«Среда Delphi» - Выбор среды разработки. Color – цвет формы. Визуальная среда построена на принципах ООП. Подробно рассмотреть пример создания простейшего приложения в среде Delphi. Создание простейших приложений.». Основные свойства компонента Label: Caption – содержит текст надписи. Компонент Label (Надпись) позволяет отображать текстовую надпись на форме.

«Основы HTML» - <BODY> <BR> <LEFT> Влево </LEFT> <BR> <CENTER> По центру </CENTER> </BODY>. РАБОТА С ГРАФИЧЕСКИМИ ИЗОБРАЖЕНИЯМИ (пояснение). Разбиение текста на строки и абзацы. Атрибут тега. БЕГУЩАЯ СТРОКА (продолжение). <BR> Нумерованный список <OL> <LI>Первый <LI>Второй <LI>... </OL> <BR> Маркированный список <UL> <LI>Первый <LI>Второй <LI>... </UL>.

«Фоны для оформления» - Гипотеза проекта: Научные руководители проекта: Шеин М.С., Кушникова В.П. Провели опрос среди посетителей Internet –ресурсов. Просмотрели 56 сайтов общеобразовательных учреждений города Липецка. Получили результаты исследований. Исследовательский проект по предмету «Информатика и ИКТ». Проверка гипотезы.

«Гиперссылки» - Если страница размешена в Интернете: <A href=“http:// www.server.ru/Web-сайт/filename.htm”>текст-ссылка</A>. Гиперссылка на звук: <A href=“sound.wav”>звук</A>. Гиперссылка на архив: <A href=“Архив.zip”>скачать файл</A>. Гиперссылки. Гиперссылка на адрес электронной почты: <ADDRESS> <A href=“mailto: username@server.ru”> E-mail: username@server.ru </A> </ADDRESS>.

«Язык Паскаль» - Фирма Borland International, Inc разработала систему программирования Turbo-Pascal. Язык программирования. Назначение программирования. Язык Паскаль был создан в 1971 году швейцарским профессором Н. Виртом. Загрузка системы осуществляется запуском файла turbo.exe. ЭВМ работает на двоичных кодах. Разработка программ управления компьютером с целью решения различных информационных задач.

Урок

Информатика

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