Основы языка HTML

Сентябрь 7, 2022

Главная
Алгебра
Основы языка HTML

Содержание

2. Особенности HTML-документов Web - Web - редакторы Основные тэги Основные тэги HTMLОсновные тэги HTML - документов
3. HTML (Hyper Text Markup Language, язык разметки гипертекста) это язык Всемирной паутины. форматирование текстовой части осуществляется
4. default.htm или index.htm Web-страница – документ, написанный на HTML, формата *.htm или *.html Web-сайт- это набор
5. MS Internet Explorer Mozilla Firefox Netscape Navigator Opera Safari Наиболее популярные Web-обозреватели: В меню
6. HTML-редакторы Редакторы тэгов WYSWYG-редакторы Блокнот, WordPad, MS Word и любые другие программы, работающие в текстовом режиме
7. Особенности HTML-документов = = = HTML-документ не является обычным текстовым документом. От простого текстового файла HTML-документ
8. Основные теги HTML-документов К обязательным относятся теги, указывающие на то, что документ является HTML-документом; теги заголовков;
9. Правильный пример самого короткого HTML-документа: В меню
10. Основы форматирования HTML-документа Текстовые блоки
13. В меню
14. RGB-коды: #FFFFFF – белый #FF0000 – красный #00FF00 – зелёный #0000FF – синий #000000 – чёрный
15. Основы форматирования HTML-документа Форматирование текста
17. Я сильный , но легкий. Подчеркнутый текст Лена + Вася Коля = Love Текст с увеличенным
18. В меню
19. Включение таблиц в HTML-документ Элементы для создания таблиц
20. a b c A B C Заголовок таблицы a b c A B C
21. Параметры элементов TABLE, TR и TD Параметры элемента TABLE
22. Параметры элементов TABLE, TR и TD Параметры элемента TR
23. Параметры элементов TABLE, TR и TD Параметры элемента TD В меню
24. ПР №1 В меню
26. Скачать презентацию

Слайд 2

Особенности HTML-документов
Web - Web - редакторы
Основные тэги Основные тэги HTMLОсновные тэги

HTML - документов

Список цветов

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

Таблицы

Web - Web - обозреватели

СОДЕРЖАНИЕ

ПР№1

ПР№2

Основы форматирования Основы форматирования html-Основы форматирования html-документа

Основы языка Основы языка html

Слайд 3

HTML
(Hyper Text Markup Language, язык разметки гипертекста)
это язык

Всемирной паутины.

форматирование текстовой части осуществляется с помощью команд, задающих стиль шрифта, заголовков и кадров;
имеется возможность включения рисунков, диаграмм, анимации, видеоклипов, музыкального и речевого сопровождения, текстовых спецэффектов (бегущая строка), гиперссылок;
с помощью команд языка можно создавать таблицы и форматировать текст вручную;
возможно включение интерактивных компонентов, таких как заполняемые формы и программы, работа с которыми требует участия самого пользователя.
имеется возможность создания карт-изображений, содержащих активные области; эти области являются гиперссылками, указывающими на различные Web-документы.

Основные особенности языка HTML:

Слайд 4

default.htm или index.htm
Web-страница –
документ, написанный на HTML,
формата *.htm

или *.html

Web-сайт-
это набор Web-страниц,
подчиненных общей тематике и объединенных в единое целое.

http://www.somesite.ru/somepage.html

http://www.somesite.ru/somefolderl/somefolder2/somepage.html

http://www.somesite.ru

В меню

Слайд 5

MS Internet Explorer
Mozilla Firefox
Netscape Navigator
Opera
Safari
Наиболее популярные Web-обозреватели:
В меню

Слайд 6

HTML-редакторы
Редакторы тэгов
WYSWYG-редакторы
Блокнот,
WordPad,
MS Word
и любые другие
программы,
работающие в
текстовом режиме
специальные

редакторы
документов HTML:
MS Front Page,
Namo Web-Editor,
Macromedia Dreamweaver

В меню

Слайд 7

Особенности HTML-документов
= = =
HTML-документ не является обычным текстовым документом.
От простого

текстового файла HTML-документ отличает
присутствие кодов разметки, которые называются тегами.

Тэги заключаются в угловые скобки < и >,
конечный тэг всегда снабжён косой чертой /.

HTML- коды не чувствительны к регистру, то есть

В меню

Слайд 8

Основные теги HTML-документов
К обязательным относятся
теги, указывающие на то, что документ

является HTML-документом;
теги заголовков;
теги, делящие документ на логические
части.

Тэги бывают
начальными (открывающими)
конечными (закрывающими, начинаются со знака "/").

Слайд 9

Правильный пример
самого короткого HTML-документа:
В меню

Слайд 10

Основы форматирования HTML-документа
Текстовые блоки

Слайд 11

Слайд 12

Слайд 13

В меню

Слайд 14

RGB-коды:
#FFFFFF – белый
#FF0000 – красный
#00FF00 – зелёный
#0000FF – синий
#000000 –

чёрный

Список цветов символов HTML:

aqua - бирюзовый
black - чёрный
blue - синий
gray - серый
green - зелёный
lime – ярко-зелёный
silver – светло-серый
teal – ярко-голубой

maroon – тёмно-красный
white - белый
navy – тёмно-синий
olive - оливковый
purple - фиолетовый
red – красный
yellow - жёлтый
fuchsia – ярко-фиолетовый

Дополнительные цвета:
brown - коричневый
orange - оранжевый
cyan – оттенок бирюзового
pink – розовый

В меню

Слайд 15

Основы форматирования HTML-документа
Форматирование текста

Слайд 16

Слайд 17

Я сильный, но легкий.

Подчеркнутый текст

Лена +

~~Вася~~ Коля = Love

Текст с увеличенным словом

Небоскребы, небоскребы, а я маленький такой.

Microsoft ^TM

X₁ = B₁ + C₁

Слайд 18

В меню

Слайд 19

Включение таблиц в HTML-документ
Элементы для создания таблиц

Слайд 20

a b c

A B C

Заголовок таблицы
a b c

A B C

Заголовок таблицы
a	b	c
A	B	C

Слайд 21

Параметры элементов TABLE, TR и TD
Параметры элемента TABLE

Слайд 22

Параметры элементов TABLE, TR и TD
Параметры элемента TR

Слайд 23

Параметры элементов TABLE, TR и TD
Параметры элемента TD
В меню

Слайд 24

Основы языка HTML

Содержание

Особенности HTML-документовWeb - Web - редакторыОсновные тэги Основные тэги HTMLОсновные тэги

HTML (Hyper Text Markup Language, язык разметки гипертекста) это язык

default.htm или index.htm Web-страница – документ, написанный на HTML, формата *.htm

MS Internet ExplorerMozilla FirefoxNetscape Navigator OperaSafariНаиболее популярные Web-обозреватели:В меню

HTML-редакторыРедакторы тэговWYSWYG-редакторыБлокнот, WordPad, MS Word и любые другие программы,работающие в текстовом режимеспециальные

Особенности HTML-документов = = =HTML-документ не является обычным текстовым документом.От простого

Основные теги HTML-документовК обязательным относятсятеги, указывающие на то, что документ

Правильный пример самого короткого HTML-документа:В меню

Основы форматирования HTML-документаТекстовые блоки

В меню

RGB-коды: #FFFFFF – белый#FF0000 – красный#00FF00 – зелёный#0000FF – синий#000000 –

Основы форматирования HTML-документаФорматирование текста

Я сильный, но легкий. Подчеркнутый текст Лена +

В меню

Включение таблиц в HTML-документЭлементы для создания таблиц

a b c AB C Заголовок таблицы a b c A B C

Параметры элементов TABLE, TR и TDПараметры элемента TABLE

Параметры элементов TABLE, TR и TDПараметры элемента TR

Параметры элементов TABLE, TR и TDПараметры элемента TDВ меню

ПР №1В меню

Похожие презентации

Особенности HTML-документов
Web - Web - редакторы
Основные тэги Основные тэги HTMLОсновные тэги

HTML
(Hyper Text Markup Language, язык разметки гипертекста)
это язык

default.htm или index.htm
Web-страница –
документ, написанный на HTML,
формата *.htm

MS Internet Explorer
Mozilla Firefox
Netscape Navigator
Opera
Safari
Наиболее популярные Web-обозреватели:
В меню

HTML-редакторы
Редакторы тэгов
WYSWYG-редакторы
Блокнот,
WordPad,
MS Word
и любые другие
программы,
работающие в
текстовом режиме
специальные

Особенности HTML-документов
= = =
HTML-документ не является обычным текстовым документом.
От простого

Основные теги HTML-документов
К обязательным относятся
теги, указывающие на то, что документ

Правильный пример
самого короткого HTML-документа:
В меню

Основы форматирования HTML-документа
Текстовые блоки

RGB-коды:
#FFFFFF – белый
#FF0000 – красный
#00FF00 – зелёный
#0000FF – синий
#000000 –

Основы форматирования HTML-документа
Форматирование текста

Я сильный, но легкий.

Подчеркнутый текст

Лена +

Включение таблиц в HTML-документ
Элементы для создания таблиц

a b c

A B C

Заголовок таблицы
a b c

A B C

Параметры элементов TABLE, TR и TD
Параметры элемента TABLE

Параметры элементов TABLE, TR и TD
Параметры элемента TR

Параметры элементов TABLE, TR и TD
Параметры элемента TD
В меню

ПР №1
В меню