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

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)

Игра Рататуй Игра Рататуй 366
What to prepare before the lesson!!! 1.Laminated group info + attendance What to prepare before the lesson!!! 1.Laminated group info + attendance 169
Жизнь в морях и океанах Жизнь в морях и океанах 222
Морские обитатели Морские обитатели 210
Лекция 7 Лекция 7 197
Диагностический мониторинг – важное звено в системе биобезопасности Диагностический мониторинг – важное звено в системе биобезопасности 304
Революционное народничество второй половины 60-х- начала 80-х гг. XIX в Революционное народничество второй половины 60-х- начала 80-х гг. XIX в 194
Древняя Индия (3 тысячелетие до н.э. – 6 век н.э.) Древняя Индия (3 тысячелетие до н.э. – 6 век н.э.) 294
Респираторы: понятие, назначение, виды, устройство, порядок применения Респираторы: понятие, назначение, виды, устройство, порядок применения 422
18-й съезд Коммунистической Партии Китая 18-й съезд Коммунистической Партии Китая 254
Момент образования трещин в изгибаемых элементах по способу ядровых Момент образования трещин в изгибаемых элементах по способу ядровых 312
Пингвины Учитель биологии Беляцкая Н.В Пингвины Учитель биологии Беляцкая Н.В 222
Модерация как сопровождение коллективной познавательной деятельности Модерация как сопровождение коллективной познавательной деятельности 318
2fba06c5713d7180667bb16dbb94491a 2fba06c5713d7180667bb16dbb94491a 137
Лечение инфекционных больных Лечение инфекционных больных 451
спинной мозг спинной мозг 210
Российская академия народного хозяйства и государственной службы при президенте Российская академия народного хозяйства и государственной службы при президенте 254
Эмоциональный настрой первоклассников в адаптационный период Эмоциональный настрой первоклассников в адаптационный период 258

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

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

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

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

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

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

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