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


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

Содержание

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

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

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

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

Слайд 2Заголовки: H1 … H6

Заголовок документа
Заголовок раздела
Заголовок подраздела
Заголовок параграфа
Комментарий
Авторские пометки

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


center,
right

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

Слайд 3Абзацы
переход на новую строку




абзац (с отступами)
И вечный бой! Покой
нам

только снится

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

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

И

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


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


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


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

Слайд 4Выравнивание

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


Этот текст выровнен по

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

выровнен по ширине.


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

атрибут тэга


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

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

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

Слайд 6Маркированные списки

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

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

списка)
изменение маркера:

...

disk 
circle ○
square


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

Слайд 7Нумерованные списки

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

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

START=3>
...

1, i, I, a, A

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

Слайд 8Списки определений

компьютер
устройство для обработки информации
дискета
гибкий магнитный диск
винчестер
жесткий магнитный

диск

definition list (список определений)
definition term (термин)
definition description (описание)


Списки определенийкомпьютер  устройство для  обработки информациидискетагибкий магнитный дисквинчестержесткий магнитный  дискdefinition list (список определений) definition

Слайд 9Многоуровневые списки
Города России       



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




  Москва   Санкт-Петерург
  Киев   Одесса

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

Слайд 10Тэг FONT – свойства блока текста
цвет текста




размер шрифта
Привет!

Как дела?

Привет!

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

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


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

Слайд 11Форматирование текста

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

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





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

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


...

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

фона

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

цвет ссылок

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

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

Слайд 13Цвет гиперссылок

...

LINK

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

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

Слайд 14Линия-разделитель


horizontal rule
ширина в пикселях или процентах
толщина
выравнивание

Линия-разделительhorizontal rule ширина в пикселях или процентахтолщинавыравнивание

Слайд 15Рисунки в документе




из той же папки:
из другой папки:
с другого сервера:
image (изображение)
source (источник)

Рисунки в документе  из той же папки:из другой папки:с другого сервера:image (изображение) source (источник)

Слайд 16Выравнивание

left
right
top
bottom
(по умолчанию)
middle

Выравнивание leftrighttopbottom(по умолчанию)middle

Слайд 17Отступы

ALIGN="left" HSPACE=10 VSPACE=10>
VSPACE
(vertical space)
HSPACE
(horizontal

space)
Отступы VSPACE(vertical space)HSPACE(horizontal space)

Слайд 18Другие атрибуты

всплывающая

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

портить дизайн, если рисунка нет

толщина рамки вокруг рисунка

Другие атрибуты всплывающая подсказканадпись на месте рисунка, если его нетразмеры позволяют:растянуть - сжатьне портить дизайн, если рисунка

Слайд 19Простейшая таблица


Таблица из одной строки
из

трех столбцов
без указания ширины таблицы

и ячеек.


толщина рамки

TABLE таблица
TR = table row строка таблицы
TD = table data данные таблицы
TH = table header заголовок (жирный, по центру)

Простейшая таблица  Таблица из одной строки  из трех столбцов  без указания ширины таблицы

Слайд 20Размеры

...

ширина в пикселях или в % от ширины

окна браузера
высота в пикселях

...

всей таблицы:
строки:
ячейки:

...

ширина в пикселях

или в % от ширины таблицы
Размеры...ширина в пикселях или в % от ширины окна браузеравысота в пикселях...всей таблицы:строки:ячейки:...ширина в пикселях или в

Слайд 21Выравнивание


По


центру, по верхней границе

VALIGN="middle"
WIDTH=200>По правой границе,
по середине



...

всей таблицы:

информации в ячейках:

left,
center,
right

left,
center,
right

top,
middle,
bottom

Выравнивание  По   центру, по верхней границе  По правой границе,    по

Слайд 22Отступы

BGCOLOR = blue>

= 100>1
2


интервал между ячейками

отступ внутри ячеек

CELLSPACING

CELLSPACING

CELLPADDING

CELLPADDING

Отступы  1  2интервал между ячейкамиотступ внутри ячеекCELLSPACINGCELLSPACINGCELLPADDINGCELLPADDING

Слайд 23Объединение ячеек


Привет!


Вася,
Петя,

Маша!




Привет!
Вася,

Петя,
Маша!

column span

охват столбцов

row span охват строк

Объединение ячеек  Привет!  Вася,  Петя,  Маша!  Привет!  Вася,Петя,Маша! column span охват

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

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

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

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

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


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

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