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

Август 10, 2022

Главная
Информатика
Web-страницы. Язык HTML и др

Содержание

2. Что такое Web-страницы? Гиперссылка – «активная»ссылка на другой документ. Гипертекст – текст, содержащий гиперссылки. Гипермедиа-документ –
3. Язык HTML HTML = Hypertext Markup Language (язык разметки гипертекста) HTML-страница – это текстовый файл (Блокнот):
4. Простейшая Web-страница Моя первая Web-страница Привет! first.html Моя первая Web-страница шапка («голова») Привет! основная часть («тело»)
5. Web-страницы. Язык HTML и др. Тема 2. Структура документа. Специальные символы
6. Заголовки: H1 … H6 Заголовок документа Заголовок раздела Заголовок подраздела Заголовок параграфа Комментарий Авторские пометки выравнивание:
7. Абзацы переход на новую строку абзац (с отступами) И вечный бой! Покой нам только снится Сквозь
8. Выравнивание Этот текст выровнен по центру. Этот текст выровнен по ширине. Этот текст выровнен по ширине.
9. Специальные символы
10. Маркированные списки Вася Петя Коля unordered list (неупорядоченный список) list item (элемент списка) изменение маркера: ...
11. Нумерованные списки Вася Петя Коля ordered list (упорядоченный список) изменение нумерации: ... 1, i, I, a,
12. Многоуровневые списки Города России Города Украины Москва Санкт-Петерург Киев Одесса
13. Списки в HEFS Ctrl-L вставить элемент списка
14. Web-страницы. Язык HTML и др. Тема 4. Гиперссылки
15. Ссылки на другие страницы сайта Таблицы страница в той же папке anchor (якорь) hyper reference (гиперссылка)
16. Ссылки на другие сайты Почта на главную страницу сайта index.htm, index.html, default.asp, … на конкретную страницу
17. Ссылки внутри страницы Глава 1 Глава 2 Глава 1 Это текст главы 1. Это текст главы
18. Web-страницы. Язык HTML и др. Тема 5. Оформление документа. Стилевые файлы (CSS)
19. Содержание и оформление Сборник задач по физике Григорий Остер Задача 61 Петя ехал к бабушке на
20. Логическая разметка
21. Форматированный текст (тексты программ) program qq; var a, b: integer; begin writeln("Введите два числа"); read(a,b); writeln(a,'+',b,'=',a+b);
23. Скачать презентацию

Слайд 2

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

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

Слайд 3

Язык HTML
HTML = Hypertext Markup Language (язык разметки гипертекста)
HTML-страница – это текстовый

файл (Блокнот):

Моя страница

Привет!
…

index.html

Слайд 4

Простейшая Web-страница

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

Привет!

first.html

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

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

Привет!

основная

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

Слайд 5

Web-страницы. Язык HTML и др.
Тема 2. Структура документа.
Специальные символы

Слайд 6

Заголовки: H1 … H6

Заголовок документа

Заголовок раздела

Заголовок подраздела

Заголовок параграфа

Комментарий

Авторские пометки

выравнивание:
История

left,
center,

right

Слайд 7

Абзацы
переход на новую строку
абзац (с отступами)
И вечный бой! Покой
нам только

снится

Сквозь кровь и пыль...

Летит, летит степная
кобылица

И мнет ковыль...

Одно физическое тело захотело поменять три своих старых варежки
на что-нибудь хорошее.

До самого вечера тело с варежками ...

Слайд 8

Выравнивание

Этот текст выровнен по центру.

Этот текст выровнен по ширине.
Этот

текст выровнен по ширине.
Этот текст выровнен по ширине.
Этот текст выровнен по ширине.

left по левой границе
right по правой границе
center по центру
justify по ширине

атрибут тэга

Слайд 9

Специальные символы

Слайд 10

Маркированные списки

Вася
Петя
Коля

unordered list (неупорядоченный список)
list item (элемент списка)
изменение

маркера:

disc ∙
circle ○
square ■

Слайд 11

Нумерованные списки

Вася
Петя
Коля

ordered list (упорядоченный список)
изменение нумерации:

...

1, i,

I, a, A

Слайд 12

Многоуровневые списки

Города России
Города Украины


Москва
Санкт-Петерург


Киев
Одесса

Слайд 13

Списки в HEFS
Ctrl-L вставить элемент списка

Слайд 14

Web-страницы. Язык HTML и др.
Тема 4. Гиперссылки

Слайд 15

Ссылки на другие страницы сайта
Таблицы
страница в той же папке
anchor (якорь)

hyper reference (гиперссылка)

страница во вложенной папке

Пример

страница в соседней папке

Текст

выйти из текущей папки

Слайд 16

Ссылки на другие сайты
Почта
на главную страницу сайта
index.htm, index.html, default.asp, …
на

конкретную страницу сайта (URL)

Васин текст

на файл для скачивания

Скачать

Слайд 17

Ссылки внутри страницы

Глава 1
Глава 2

Глава 1

Это текст

главы 1. Это текст главы 1.
Это текст главы 1. Это текст главы 1.

Наверх

Глава 2

Это текст главы 2. Это текст главы 2.
Это текст главы 2. Это текст главы 2.

Наверх

в другом файле

Цвет текста

метка (якорь)

переход на метку

Слайд 18

Web-страницы. Язык HTML и др.
Тема 5. Оформление документа. Стилевые файлы (CSS)

Слайд 19

Содержание и оформление
Сборник задач по физике

Григорий Остер

Задача 61
Петя ехал к

бабушке на электричке, и всю дорогу над ним издевались какие-то два неведомые ему явления. Одно при каждой остановке толкало Петю вперед, а другое, когда вагон трогался – дергало назад. Что это за хулиганские явления, и может ли транспортная милиция с ними справиться?

содержание (контент)

логическая разметка
(*.html)

оформление

физическая разметка
(*.css)

main.css

mini.css

print.css

Слайд 20

Логическая разметка

Слайд 21

Форматированный текст (тексты программ)
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)

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

Содержание

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

Язык HTMLHTML = Hypertext Markup Language (язык разметки гипертекста)HTML-страница – это текстовый

Простейшая Web-страницаМоя первая <br> Web-страницаПривет! first.htmlМоя первая <br> Web-страницашапка («голова») Привет!основная

Web-страницы. Язык HTML и др.Тема 2. Структура документа.Специальные символы

Заголовки: H1 … H6Заголовок документаЗаголовок разделаЗаголовок подразделаЗаголовок параграфаКомментарийАвторские пометкивыравнивание:Историяleft, center,

Заголовок документа

Заголовок раздела

Заголовок подраздела

Заголовок параграфа

Комментарий

Авторские пометки

История

Абзацыпереход на новую строкуабзац (с отступами)И вечный бой! Покой нам только

ВыравниваниеЭтот текст выровнен по центру.Этот текст выровнен по ширине.Этот

Специальные символы

Маркированные спискиВася ПетяКоляunordered list (неупорядоченный список) list item (элемент списка) изменение

Нумерованные спискиВася ПетяКоляordered list (упорядоченный список) изменение нумерации:...1, i,

Многоуровневые списки Города России Города Украины Москва Санкт-Петерург Киев Одесса

Списки в HEFSCtrl-L вставить элемент списка

Web-страницы. Язык HTML и др.Тема 4. Гиперссылки

Ссылки на другие страницы сайтаТаблицыстраница в той же папкеanchor (якорь)

Ссылки на другие сайтыПочтана главную страницу сайтаindex.htm, index.html, default.asp, …на

Ссылки внутри страницыГлава 1Глава 2Глава 1Это текст

Глава 1