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


Web-страницы. Язык HTML

Содержание

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)

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

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

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

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

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


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

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