7

Презентация по Информатике на тему: Основы HTML

Автор публикации:
Дата публикации:
Краткое описание:

1
Основы HTML Ученик 11 А класса КГУ ОШ №61 Бондарев Виталий
Основы HTML Ученик 11 А класса КГУ ОШ №61 Бондарев Виталий
2
HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы
HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы
0
 
Благодаря этой рекламе сайт может продолжать свое существование, спасибо за просмотр.
3
Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant,...
Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.) Шаблоны Программы-преобразователи
4
Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Co...
Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Communicator The Bat! Opera и т.д.
5
Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)...
Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов) Программы для создания HTML – файлов:
6
Гипертекст – это текст, содержащий специальные разметочные теги. Теги (tag –...
Гипертекст – это текст, содержащий специальные разметочные теги. Теги (tag – ярлык, признак) – инструкции браузера, указывающие способ отображения текста.
7
Пример тега   Типы тегов Парные (влияет на текст с того места, где употреблён...
Пример тега <,HTML>, <,/HTML>, Типы тегов Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) Непарные
8
Структурные теги Теги символов Теги форматирования абзацев Теги оформления сп...
Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста Теги физического форматирования текста Категории тегов
9
Структура HTML - документа
Структура HTML - документа
10
начинает описание HTML - файла HTML - документ состоит из двух частей: Разд...
<,HTML>, <,/HTML>, начинает описание HTML - файла HTML - документ состоит из двух частей: Раздел заголовка Содержательная часть
11
Раздел заголовка Начинается тегом  Заканчивается тегом  Mежду данными тегами...
Раздел заголовка Начинается тегом <,HEAD>, Заканчивается тегом <,/HEAD>, Mежду данными тегами располагается тег <,TITLE>, <,/TITLE>, (этот тег используется для задания названия документа)
12
Раздел содержательной части Начинается тегом  Заканчивается тегом  (между кот...
Раздел содержательной части Начинается тегом <,BODY>, Заканчивается тегом <,/BODY>, (между которыми располагается содержимое HTML - документа)
13
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. 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>,
17
Теги физического форматирования текста
Теги физического форматирования текста <,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>, - можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
19
Пример использования тега :  МКОУ  «Глядянская средняя общеобразовательная шк...
Пример использования тега <,ACRONYM>,: <,ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»>, МКОУ <,/ACRONYM>, «Глядянская средняя общеобразовательная школа»
20
Пример использования тега :
Пример использования тега <,ACRONYM>,:
21
Тег  позволяет изменить шрифт
Тег <,FONT>, позволяет изменить шрифт
22
Параметры тега  FACE (задаёт название шрифта, которым будет выводится текст)...
Параметры тега <,FONT>, FACE (задаёт название шрифта, которым будет выводится текст) SIZE (задаёт размеры шрифта в условных единицах от 1 до 7) COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр)
23
Задание цвета на языке HTML Шестнадцатеричные значения (цветовая система бази...
Задание цвета на языке HTML Шестнадцатеричные значения (цветовая система базируется на трёх основных цветах – красном, зеленом и синем – обозначается RGB) Например: #000000, #0000FF, #FF0000, #FFFFFF Мнемонические обозначения (название цвета) Например: Red, White, Blue, Green
24
Пример использования параметра Color:  Шрифт размера 6, цвет зелёный   или  Ш...
Пример использования параметра Color: <,FONT COLOR=Green>, Шрифт размера 6, цвет зелёный <,/FONT>, <,BR>, или <,FONT COLOR=#008000>, Шрифт размера 6, цвет зелёный <,/FONT>, <,BR>,
25
Примеры использования параметров тега  :  Название шрифта    Шрифт размера 5...
Примеры использования параметров тега <,FONT>, : <,FONT FACE=“ARIAL”>, Название шрифта <,/FONT>, <,BR>, <,FONT SIZE=5>, Шрифт размера 5 <,/FONT>, <,BR>, <,FONT FACE=“ARIAL” SIZE=+3 COLOR=Green>, Шрифт размера 6, цвет зелёный <,/FONT>, <,BR>,
26
Тег  используется для указания размера, типа и цвета шрифта по умолчанию
Тег <,BASEFONT>, используется для указания размера, типа и цвета шрифта по умолчанию
27
Примеры использования тега  :  Шрифт по умолчанию размера 3 Шрифт размера 2...
Примеры использования тега <,BASEFONT>, : <,BASEFONT FACE=“Courier” COLOR=#008080>, Шрифт по умолчанию размера 3<,BR>, <,BASEFONT SIZE=2>,Шрифт размера 2<,BR>, <,BASEFONT SIZE=4 COLOR=Olive>, Шрифт размера 4, цвет оливковый <,BR>,
28
Пример использования параметра Color c тегом :  Задание цвета фона
Пример использования параметра Color c тегом <,BODY>,: <,BODY BGCOLOR=#008080>, Задание цвета фона <,BR>,
29
тег «параграф», отделяет абзац друг от друга Тег
тег «параграф», отделяет абзац друг от друга Тег <,Р>,
30
Примеры использования тега  :  Выравнивание по левой границе окна  Выравниван...
Примеры использования тега <,P>, : <,P ALIGN=LEFT>, Выравнивание по левой границе окна<,BR>, <,P ALIGN=CENTER>, Выравнивание по центру окна<,BR>, <,P ALIGN=RIGHT>, Выравнивание по правой границе окна<,BR>, <,P ALIGN=JUSTIFY>, Выравнивание по ширине окна<,BR>,
31
Тег  отображение горизонтальной линии
Тег <,HR>, отображение горизонтальной линии
32
Пример использования тега  :
Пример использования тега <,HR>, : <,HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>,
33
Тег  для разметки заголовков (,, , , , )
Тег <,H1>, для разметки заголовков (<,H1>,,<,H2>,, <,H3>,, <,H4>,, <,H5>,, <,H6>,)
34
Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178
Вставка пробелов и специальных символов   " ± ²
35
Список использованной литературы Информатика. 7 – 9 класс. Базовый курс. Прак...
Список использованной литературы Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006. А.А. Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002.
 
 
X

Чтобы скачать данную презентацию, порекомендуйте её своим друзьям в любой соц. сети.

После этого кнопка ЗАГРУЗКИ станет активной!

Кнопки рекомендации:

загрузить презентацию