Работа с текстом
<<  Киберугрозы современности: главные правила их распознавания и предотвращения Основы языка гипертекстовой разметки документов  >>
Основы языка гипертекстовой разметки документов
Основы языка гипертекстовой разметки документов
Сайт- это несколько десятков, сотен Web-страниц, связанных между собой
Сайт- это несколько десятков, сотен Web-страниц, связанных между собой
Структура сайта
Структура сайта
Языка HTML
Языка HTML
Web-страница помещается в контейнер <HTML></HTML> и состоит из двух
Web-страница помещается в контейнер <HTML></HTML> и состоит из двух
Cозданиe Web-страницы «Основные тэги HTML»
Cозданиe Web-страницы «Основные тэги HTML»
Основы языка гипертекстовой разметки документов
Основы языка гипертекстовой разметки документов
Ввести команду [Файл – Сохранить как…]
Ввести команду [Файл – Сохранить как…]
Основы языка гипертекстовой разметки документов
Основы языка гипертекстовой разметки документов
Основные тэги HTML Заголовки
Основные тэги HTML Заголовки
Форматирование шрифта
Форматирование шрифта
Разделительная линия: <HR> Форматирование шрифта: <B>Жирный</B>
Разделительная линия: <HR> Форматирование шрифта: <B>Жирный</B>
Нумерованный список: <OL> <LI>Первый элемент списка</LI> <LI>Второй
Нумерованный список: <OL> <LI>Первый элемент списка</LI> <LI>Второй
Список определений: <DL> <DT>ТЕРМИН 1</DT> <DD>Пояснение к термину
Список определений: <DL> <DT>ТЕРМИН 1</DT> <DD>Пояснение к термину
Внесение изменений и дополнений в Web-страницу
Внесение изменений и дополнений в Web-страницу
Активизировать браузер с открытым в нем предыдущим вариантом страницы
Активизировать браузер с открытым в нем предыдущим вариантом страницы
Мета-тэги
Мета-тэги
Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок)
Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок)
Таблица цвета
Таблица цвета
Основную цветовую схему Web-страницы можно задать в тэге <BODY> с
Основную цветовую схему Web-страницы можно задать в тэге <BODY> с
Вставка изображений
Вставка изображений

Презентация: «Основы языка гипертекстовой разметки документов». Автор: all. Файл: «Основы языка гипертекстовой разметки документов.ppt». Размер zip-архива: 269 КБ.

Основы языка гипертекстовой разметки документов

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

Основы языка гипертекстовой разметки документов

Разработала учитель информатики и ИКТ МБОУ «СОШ №3» г. Боготол

2 Сайт- это несколько десятков, сотен Web-страниц, связанных между собой

Сайт- это несколько десятков, сотен Web-страниц, связанных между собой

общим содержанием, дизайном и взаимными гиперссылками. Web-страница (HTML-страница)-это страница представленная в сети Интернета. Эти страницы создаются при помощи языка HTML.

3 Структура сайта

Структура сайта

Линейная Древовидная

1

2

3

1

3

4

2

4 Языка HTML

Языка HTML

HTML состоит из двух составляющих Тэги; Содержимое Тэг –это некоторая логическая команда, дающая указание браузеру (программе обозреватель), указание как отображать следующие за ним элементы. Тэг имеет английское название и записывается в угловых скобках <HTML>, поясняет что после него идет HTML –страница. Тэги бывают парные и не парные. У парных тэгов есть открывающие и закрывающие тэги . Закрывающий тэг содержит прямой слэш (/) перед обозначением. У не парных тэгов есть только имя. Тэги могут записываться как прописными, так и строчными буквами.

5 Web-страница помещается в контейнер <HTML></HTML> и состоит из двух

Web-страница помещается в контейнер <HTML></HTML> и состоит из двух

частей: заголовка и отображаемого в браузере содержания. Заголовок страницы помещается в контейнер <HEAD></HEAD> Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. Также в заголовок помещаются не отображаемые при просмотре мета-тэги, задающие кодировку страницы для ее правильного отображения в браузере, а также содержащие описание и ключевые слова страницы, которые в первую очередь просматривают роботы поисковых систем. Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.

6 Cозданиe Web-страницы «Основные тэги HTML»

Cозданиe Web-страницы «Основные тэги HTML»

1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот]. 2. Набрать в Блокноте.

7 Основы языка гипертекстовой разметки документов
8 Ввести команду [Файл – Сохранить как…]

Ввести команду [Файл – Сохранить как…]

Файлу Web-страницы присвоить имя index.htm Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы

9 Основы языка гипертекстовой разметки документов
10 Основные тэги HTML Заголовки

Основные тэги HTML Заголовки

Заголовки различных уровней: <H1>Заголовок первого уровня</H1> <H2>Заголовок второго уровня</H2> <H3>Заголовок третьего уровня</H3> <H4>Заголовок четвертого уровня</H4> <H5>Заголовок пятого уровня</H5> <H6>Заголовок шестого уровня</H6>

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

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

Внести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных линий. Отделить этот фрагмент от остального текста с помощью горизонтальных разделительных линий

12 Разделительная линия: <HR> Форматирование шрифта: <B>Жирный</B>

Разделительная линия: <HR> Форматирование шрифта: <B>Жирный</B>

<I>Курсив</I> <U>Подчеркнутый</U> <B><I><U>Жирный подчеркнутый курсив</B></I></U> <TT>Равноширинный</TT> Выделение: <EM>Выделение</EM> <STRONG>Усиленное выделение</STRONG> <HR>

13 Нумерованный список: <OL> <LI>Первый элемент списка</LI> <LI>Второй

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

элемент списка</LI> <LI>Третий элемент списка</LI> </OL> Ненумерованный список: <UL> <LI>Первый элемент списка</LI> <LI>Второй элемент списка</LI> <LI>Третий элемент списка</LI> </UL>

14 Список определений: <DL> <DT>ТЕРМИН 1</DT> <DD>Пояснение к термину

Список определений: <DL> <DT>ТЕРМИН 1</DT> <DD>Пояснение к термину

1</DD> <DT>ТЕРМИН 2</DT> <DD>Пояснение к термину 2</DD> <DT>ТЕРМИН 3</DT> <DD>Пояснение к термину 3</DD> </DL>

15 Внесение изменений и дополнений в Web-страницу

Внесение изменений и дополнений в Web-страницу

В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат. Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл - Сохранить

16 Активизировать браузер с открытым в нем предыдущим вариантом страницы

Активизировать браузер с открытым в нем предыдущим вариантом страницы

Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница

17 Мета-тэги

Мета-тэги

В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <META>, имеющие атрибуты NAME, HTTP-EQUIV и CONTENT. Мета тэг может информировать браузер о кодировке Web-страницы: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> Мета тэги используются поисковыми системами для индексирования содержания, ключевых слов и автора Web-страницы: <meta name="Description" content=""> <meta name="Keywords" content=""> <meta name="Author" content="">

18 Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок)

Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок)

Цвет на Web-странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зеленого и третьи – синего). Значение яркости цвета может меняться от минимальной 00 до максимальной FF. В таблице приведены примеры некоторых цветов:

19 Таблица цвета

Таблица цвета

Цвет

Код

Название

Цвет

Код

Название

Черный

#000000

black

Фиолетовый

#FF00FF

magenta

Белый

#FFFFFF

white

Бирюзовый

#00FFFF

cyan

Красный

#FF0000

red

Желтый

#FFFF00

yellow

Зеленый

#00FF00

lime

Золотой

#FFD800

gold

Синий

#0000FF

blue

Оранжевый

#FFA500

orange

Серый

#808080

gray

Коричневый

#A82828

brown

20 Основную цветовую схему Web-страницы можно задать в тэге <BODY> с

Основную цветовую схему Web-страницы можно задать в тэге <BODY> с

помощью атрибутов:

Цвет фона BGCOLOR="#RRGGBB" Текстура фона BACKGROUND="file_name" Цвет текста T EXT="#RRGGBB” Цвет текста ссылки LINK="#RRGGBB“ Цвет текста активной ссылки ALINK="#RRGGBB" Цвет текста просмотренной ссылки VLINK="#RRGGBB"

21 Вставка изображений

Вставка изображений

Для размещения на Web-страницах используются графические файлы форматов GIF, JPEG и PNG.

Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла. <IMG SRC="image_name"> Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге <P>. Размеры изображения (в пикселях) можно задать с помощью атрибутов WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран или вместо иллюстрации (если по какой - либо причине графика не выводится в окне браузера), или в качестве всплывающий строки, при указании на рисунок мышью.

«Основы языка гипертекстовой разметки документов»
http://900igr.net/prezentacija/informatika/osnovy-jazyka-gipertekstovoj-razmetki-dokumentov-82865.html
cсылка на страницу
Урок

Информатика

130 тем
Слайды
900igr.net > Презентации по информатике > Работа с текстом > Основы языка гипертекстовой разметки документов