Информационно значимое содержимое веб-страницы обычно называется контентом (от англ. content — «содержание»). Несколько веб-страниц, объединённых общей темой и дизайном, а также связанных между собой ссылками, образуют веб-сайт.

Web-страницы. Язык HTML и др. Курс лекций

Web-страницы.Язык HTML и др.
Курс лекций
Никитин Михаил Евгеньевич

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

Web-страницы.Язык HTML и др.
Введение
Структура документа
Списки
Гиперссылки
Оформление документа
Рисунки
Таблицы
Фреймы
Блоки (DIV)
Понятие о JavaScript

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

Что такое Web-страницы?
3

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

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

Какие бывают Web-страницы?
4

статические – существуют на сервере в виде готовых файлов: *.htm, *.html
динамические – полностью или частично создаются на сервере в момент запроса (выбор информации из базы данных) *.shtml, *.asp, *.pl, *.php

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

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

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

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

Ссылки на другие страницы сайта 6

Ссылки на другие страницы сайта
6
Таблицы
страница в той же папке

anchor (якорь)

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

страница во вложенной папке
Пример
страница в соседней папке
Текст

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

Примеры (ссылки из файла rock

Примеры (ссылки из файла rock.html)

Ссылки на другие сайты 8 Почта на главную страницу сайта index

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

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

Скачать

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

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

Глава 1

Глава 2

Глава 1

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

Наверх

Глава 2

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

Наверх
в другом файле
Цвет текста

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

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

Запуск почтовой программы 10 Напишите мне!

Запуск почтовой программы
10

Напишите мне!

Гиперссылки в HEFS 11 локальная ссылка

Гиперссылки в HEFS
11

локальная ссылка

Ctrl-A гиперссылка на выделенный блок, адрес вводить вручную

вставить только адрес файла

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

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

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

Содержание и оформление
13

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

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

Задача 61

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

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

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

оформление

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

main.css
mini.css
print.css

Логическая разметка 14 выделение ( emphasize )

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

выделение (emphasize)	*Это моя первая* победа.**
сильное выделение (strong)	Вася
код программы	*`a:= 2b`**
определение (definition)	Сурок - это...
цитата (citation)	Блажен, кто верует, ...
сокращение (abbreviation)	НИИЧАВО

Форматированный текст (тексты программ) 15 program qq; var a, b: integer; begin writeln("Введите два числа"); read(a,b); writeln(a,'+',b,'=',a+b); end

Форматированный текст (тексты программ)

15
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)

Физическая разметка 16 курсив ( italic )

Физическая разметка
16

курсив (italic)	*Вася*	Вася
жирный (bold)	Вася	Вася
подчеркивание (underline)	Вася	Вася
зачеркивание (strike out)	~~Вася~~	Вася
верхний индекс (superscript)	Вася²	Вася2
нижний индекс (subscript)	Вася₂	Вася2

Форматирование текста в HEFS 17

Форматирование текста в HEFS
17
Ctrl-B

Тэг BODY – общие свойства страницы 18 цвет фона и текста цвет гиперссылок

Тэг BODY – общие свойства страницы
18

цвет фона и текста

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

Привет!

...

цвет текста

цвет фона

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

цвет ссылок

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

Вставка атрибутов в HEFS 19 вставить только код цвета

Вставка атрибутов в HEFS
19

вставить только код цвета

Цвет гиперссылок 20 ... LINK ссылки, на которых не были

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

...

LINK ссылки, на которых не были
VLINK посещенные ссылки
ALINK активные ссылки

Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.

27.02.2021