🗊Основы HTML

Категория: Информатика
Нажмите для полного просмотра!
Основы HTML, слайд №1Основы HTML, слайд №2Основы HTML, слайд №3Основы HTML, слайд №4Основы HTML, слайд №5Основы HTML, слайд №6Основы HTML, слайд №7Основы HTML, слайд №8Основы HTML, слайд №9Основы HTML, слайд №10Основы HTML, слайд №11Основы HTML, слайд №12Основы HTML, слайд №13Основы HTML, слайд №14Основы HTML, слайд №15Основы HTML, слайд №16Основы HTML, слайд №17Основы HTML, слайд №18Основы HTML, слайд №19Основы HTML, слайд №20Основы HTML, слайд №21Основы HTML, слайд №22Основы HTML, слайд №23Основы HTML, слайд №24Основы HTML, слайд №25Основы HTML, слайд №26Основы HTML, слайд №27Основы HTML, слайд №28Основы HTML, слайд №29Основы HTML, слайд №30Основы HTML, слайд №31Основы HTML, слайд №32Основы HTML, слайд №33Основы HTML, слайд №34Основы HTML, слайд №35
Скачать

Содержание ▲

Вы можете ознакомиться и скачать Основы HTML. Презентация содержит 35 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Основы HTML
Описание слайда:
Основы HTML

Слайд 2


HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы
Описание слайда:
HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы

Слайд 3


Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.) Шаблоны Программы-преобразователи
Описание слайда:
Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.) Шаблоны Программы-преобразователи

Слайд 4


Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Communicator The Bat! Opera и т.д.
Описание слайда:
Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Communicator The Bat! Opera и т.д.

Слайд 5


Программы для создания HTML – файлов: Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)
Описание слайда:
Программы для создания HTML – файлов: Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)

Слайд 6


Гипертекст – это текст, содержащий специальные разметочные теги. Гипертекст – это текст, содержащий специальные разметочные теги.
Описание слайда:
Гипертекст – это текст, содержащий специальные разметочные теги. Гипертекст – это текст, содержащий специальные разметочные теги.

Слайд 7


Пример тега <HTML> </HTML> Типы тегов Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) Непарные
Описание слайда:
Пример тега <HTML> </HTML> Типы тегов Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) Непарные

Слайд 8


Категории тегов Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста Теги физического форматирования текста
Описание слайда:
Категории тегов Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста Теги физического форматирования текста

Слайд 9


Структура HTML - документа
Описание слайда:
Структура HTML - документа

Слайд 10


<HTML> </HTML> начинает описание HTML - файла
Описание слайда:
<HTML> </HTML> начинает описание HTML - файла

Слайд 11


Раздел заголовка Начинается тегом <HEAD> Заканчивается тегом </HEAD> Mежду данными тегами располагается тег <TITLE> </TITLE> (этот тег используется для задания названия документа)
Описание слайда:
Раздел заголовка Начинается тегом <HEAD> Заканчивается тегом </HEAD> Mежду данными тегами располагается тег <TITLE> </TITLE> (этот тег используется для задания названия документа)

Слайд 12


Раздел содержательной части Начинается тегом <BODY> Заканчивается тегом </BODY> (между которыми располагается содержимое HTML - документа)
Описание слайда:
Раздел содержательной части Начинается тегом <BODY> Заканчивается тегом </BODY> (между которыми располагается содержимое HTML - документа)

Слайд 13


Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) <HTML> <HEAD> <TITLE>Заголовок HTML – документа </TITLE> </HEAD> <BODY> Это тело HTML – документа. Здесь можно разместить всё, что угодно. </BODY> </HTML>
Описание слайда:
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) <HTML> <HEAD> <TITLE>Заголовок HTML – документа </TITLE> </HEAD> <BODY> Это тело HTML – документа. Здесь можно разместить всё, что угодно. </BODY> </HTML>

Слайд 14


Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
Описание слайда:
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

Слайд 15


Теги символов Теги логического форматирования текста Теги физического форматирования текста
Описание слайда:
Теги символов Теги логического форматирования текста Теги физического форматирования текста

Слайд 16


Теги логического форматирования текста <CITE> </CITE> <CODE> </CODE> <DEL> </DEL> <DFN> </DFN> <INS> </INS> <EM> </EM> <KBD> </KBD> <SAMP> </SAMP> <STRONG> </STRONG> <VAR> </VAR>
Описание слайда:
Теги логического форматирования текста <CITE> </CITE> <CODE> </CODE> <DEL> </DEL> <DFN> </DFN> <INS> </INS> <EM> </EM> <KBD> </KBD> <SAMP> </SAMP> <STRONG> </STRONG> <VAR> </VAR>

Слайд 17


Теги физического форматирования текста <B> </B> <I> </I> <U> </U> <TT> </TT> <STRIKE> </STRIKE> <S> </S> <BIG> </BIG> <SMALL> </SMALL> <SUB> </SUB> <SUP> </SUP> <FONT> </FONT> <BASEFONT>
Описание слайда:
Теги физического форматирования текста <B> </B> <I> </I> <U> </U> <TT> </TT> <STRIKE> </STRIKE> <S> </S> <BIG> </BIG> <SMALL> </SMALL> <SUB> </SUB> <SUP> </SUP> <FONT> </FONT> <BASEFONT>

Слайд 18


<ACRONYM></ACRONYM> используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег <TITLE> - можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
Описание слайда:
<ACRONYM></ACRONYM> используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег <TITLE> - можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.

Слайд 19


Пример использования тега <ACRONYM>: <ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»> МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа»
Описание слайда:
Пример использования тега <ACRONYM>: <ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»> МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа»

Слайд 20


Пример использования тега <ACRONYM>:
Описание слайда:
Пример использования тега <ACRONYM>:

Слайд 21


Тег <FONT> позволяет изменить шрифт
Описание слайда:
Тег <FONT> позволяет изменить шрифт

Слайд 22


Параметры тега <FONT> FACE (задаёт название шрифта, которым будет выводится текст) SIZE (задаёт размеры шрифта в условных единицах от 1 до 7) COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр)
Описание слайда:
Параметры тега <FONT> FACE (задаёт название шрифта, которым будет выводится текст) SIZE (задаёт размеры шрифта в условных единицах от 1 до 7) COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр)

Слайд 23


Задание цвета на языке HTML
Описание слайда:
Задание цвета на языке HTML

Слайд 24


Пример использования параметра Color: <FONT COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR> или <FONT COLOR=#008000> Шрифт размера 6, цвет зелёный </FONT> <BR>
Описание слайда:
Пример использования параметра Color: <FONT COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR> или <FONT COLOR=#008000> Шрифт размера 6, цвет зелёный </FONT> <BR>

Слайд 25


Примеры использования параметров тега <FONT> : <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> <FONT SIZE=5> Шрифт размера 5 </FONT> <BR> <FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>
Описание слайда:
Примеры использования параметров тега <FONT> : <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> <FONT SIZE=5> Шрифт размера 5 </FONT> <BR> <FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>

Слайд 26


Тег <BASEFONT>
Описание слайда:
Тег <BASEFONT>

Слайд 27


Примеры использования тега <BASEFONT> : <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR> <BASEFONT SIZE=2>Шрифт размера 2<BR> <BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR>
Описание слайда:
Примеры использования тега <BASEFONT> : <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR> <BASEFONT SIZE=2>Шрифт размера 2<BR> <BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR>

Слайд 28


Пример использования параметра Color c тегом <BODY>: <BODY BGCOLOR=#008080> Задание цвета фона <BR>
Описание слайда:
Пример использования параметра Color c тегом <BODY>: <BODY BGCOLOR=#008080> Задание цвета фона <BR>

Слайд 29


Основы HTML, слайд №29
Описание слайда:

Слайд 30


Примеры использования тега <P> : <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> <P ALIGN=CENTER> Выравнивание по центру окна<BR> <P ALIGN=RIGHT> Выравнивание по правой границе окна<BR> <P ALIGN=JUSTIFY> Выравнивание по ширине окна<BR>
Описание слайда:
Примеры использования тега <P> : <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> <P ALIGN=CENTER> Выравнивание по центру окна<BR> <P ALIGN=RIGHT> Выравнивание по правой границе окна<BR> <P ALIGN=JUSTIFY> Выравнивание по ширине окна<BR>

Слайд 31


Тег <HR>
Описание слайда:
Тег <HR>

Слайд 32


Пример использования тега <HR> : <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>
Описание слайда:
Пример использования тега <HR> : <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>

Слайд 33


Тег <H1>
Описание слайда:
Тег <H1>

Слайд 34


Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178
Описание слайда:
Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178

Слайд 35


Список использованной литературы Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006. А.А. Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002. Изображения http://www.xard.ru/post/18613/
Описание слайда:
Список использованной литературы Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006. А.А. Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002. Изображения http://www.xard.ru/post/18613/

Скачать

Теги Основы HTML
Похожие презентации
Mypresentation.ru
Загрузить презентацию