Разделы презентаций

HTML.ppt

Содержание

08/16/2019Что такое Web-страницы?Гиперссылка – «активная»ссылка на другой документ.Гипертекст – текст, содержащий гиперссылки.Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.WWW (World Wide Web) – «всемирная

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

Слайд 108/16/2019
Web-страницы. Язык HTML



08/16/2019Web-страницы. Язык HTML

Слайд 208/16/2019
Что такое Web-страницы?
Гиперссылка – «активная»ссылка на другой документ.
Гипертекст – текст,

содержащий гиперссылки.
Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в

котором любой элемент может быть гиперссылкой.
WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).
Web-страница – текстовый файл, в котором описано размещение материала на экране.
Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).
08/16/2019Что такое Web-страницы?Гиперссылка – «активная»ссылка на другой документ.Гипертекст – текст, содержащий гиперссылки.Гипермедиа-документ – документ, включающий текст, рисунки,

Слайд 308/16/2019
Какие бывают Web-страницы?
статические – существуют на сервере в виде

готовых файлов: *.htm, *.html
динамические –

полностью или частично создаются на сервере в момент запроса (выбор информации из базы данных) *.shtml, *.asp, *.pl, *.php

позволяют выбирать информацию из базы данных по заранее неизвестным запросам

дополнительная нагрузка на сервер
загружаются медленнее

08/16/2019Какие бывают Web-страницы?статические – существуют на сервере в виде готовых файлов:

Слайд 408/16/2019
Язык HTML
HTML = Hypertext Markup Language (язык разметки гипертекста)
HTML-страница – это

текстовый файл (Блокнот):


Моя страница


Привет!
…


index.html


08/16/2019Язык HTMLHTML = Hypertext Markup Language (язык разметки гипертекста)HTML-страница – это текстовый файл (Блокнот):Моя страницаПривет!…index.html

Слайд 508/16/2019
Тэги
Тэг – это команда языка HTML, которую выполняет браузер:
непарные тэги


парные

тэги (контейнеры)

вставить рисунок

...

открывающий
закрывающий
область действия

тэга: описание таблицы
08/16/2019ТэгиТэг – это команда языка HTML, которую выполняет браузер:непарные тэгипарные тэги (контейнеры)вставить рисунок ...открывающий закрывающий область действия

Слайд 608/16/2019
Простейшая Web-страница


Моя первая
Web-страница


Привет!



first.html

Моя первая
Web-страница

шапка («голова»)



Привет!

основная часть («тело»)


08/16/2019Простейшая Web-страницаМоя первая Web-страницаПривет! first.htmlМоя первая Web-страницашапка («голова») Привет!основная часть («тело»)

Слайд 708/16/2019
Редактор HEFS
файловые операции
буфер обмена
один экран
запуск
браузера (F9)
назад
вперед


текстовый редактор
браузер (IE)
отмена

08/16/2019Редактор HEFSфайловые операции буфер обмена один экран запускбраузера (F9) назадвперед текстовый редактор браузер (IE)отмена

Слайд 808/16/2019
Кодирование цвета
имена
red, green, blue, magenta, black,
шестнадцатеричные коды
white
R
G
B
# F

F 0 0 0 0

# F F F F F

F


# 0 0 F F F F


# 0 0 0 0 0 0


# A A A A A A


08/16/2019Кодирование цветаимена red, green, blue, magenta, black, шестнадцатеричные кодыwhiteRGB# F F 0 0 0 0# F F

Слайд 908/16/2019
Тэг BODY – общие свойства страницы
цвет фона и текста





цвет гиперссылок

TEXT="white" BGCOLOR=#00FF00>
Привет!


...

цвет текста
цвет

фона

посещенные ссылки
(visited link)

цвет ссылок

атрибуты тэга

08/16/2019Тэг BODY – общие свойства страницыцвет фона и текстацвет гиперссылокПривет!...цвет текста цвет фона посещенные ссылки(visited link) цвет

Слайд 1008/16/2019
Вставка тэгов в HEFS

08/16/2019Вставка тэгов в HEFS

Слайд 1108/16/2019
Вставка атрибутов в HEFS
вставить только код цвета

08/16/2019Вставка атрибутов в HEFSвставить только код цвета

Слайд 1208/16/2019
цвет текста




размер шрифта
Тэг FONT – свойства блока текста
Привет!

Как дела?

Привет!

COLOR=red
SIZE=6>
Как дела?

от 1 до 7
(3 – нормальный)


08/16/2019цвет текстаразмер шрифтаТэг FONT – свойства блока текстаПривет!Как дела?Привет!Как дела?от 1 до 7(3 – нормальный)

Слайд 1308/16/2019
Стили оформления

08/16/2019Стили оформления

Слайд 1408/16/2019
Форматированный текст (листинги программ)
program qq;
var a, b: integer;
begin
writeln("Введите

два числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.


program qq;
var a, b: integer;
begin

writeln("Введите два числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.

отформатированный текст
(preformatted)

МАТЕМАТИЧЕСКАЯ СТАТИСТИКА МАТЕМАТИЧЕСКАЯ СТАТИСТИКА 248
70-летию Победы посвящается… 70-летию Победы посвящается… 301
Сакральная азбука Кирилла и Мефодия Сакральная азбука Кирилла и Мефодия 342
Урок математики в 3 классе «Сложение и вычитание трехзначных чисел» Урок математики в 3 классе «Сложение и вычитание трехзначных чисел» 516
К А Р Т О Ч К А У Ч А С Т Н И К А Вес К А Р Т О Ч К А У Ч А С Т Н И К А Вес 168
ТРЕНЕРСКИЙ КУРС ТРЕНЕРСКИЙ КУРС 229
Точность и ошибки наблюдения Точность и ошибки наблюдения 237
_ Задание # 1_____________ Соотнесите элементы двух множеств _ _кемализм __ _ Задание # 1_____________ Соотнесите элементы двух множеств _ _кемализм __ 496
Издержки производств Издержки производств 388
CSFB failure CSFB failure 188
Русская Поэзия ХХ века Поэзия б.л. Пастернака поэзия а.т. твардовского Русская Поэзия ХХ века Поэзия б.л. Пастернака поэзия а.т. твардовского 229
Проект Проект "Образы-символы" Мандала 208
ОМЖ ОМЖ 619
Системы водоснабжения и канализации: конструкция и элементы Системы водоснабжения и канализации: конструкция и элементы 436
Рабочие программы педагогов, специалистов ДОО Рабочие программы педагогов, специалистов ДОО 168
ТРАВМА. ДИАГНОСТИКА. ЛЕЧЕНИЕ. СИНДРОМ ДЛИТЕЛЬНОГО СДАВЛЕНИЯ ТРАВМА. ДИАГНОСТИКА. ЛЕЧЕНИЕ. СИНДРОМ ДЛИТЕЛЬНОГО СДАВЛЕНИЯ 191
Электронная мультиэнциклопедия Книга памяти Республики Коми Электронная мультиэнциклопедия Книга памяти Республики Коми 210
Инерционное осаждение Инерционное осаждение 372

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.

Для правообладателей

Яндекс.Метрика