HTML - второй урок

Содержание

Слайд 2

Что такое HTML?
Что такое тег?
Что такое атрибут и значение?
Парные и не парные

Что такое HTML? Что такое тег? Что такое атрибут и значение? Парные
теги?
ПО?
Структура документа.
Имя документа.
Теги …
Какие теги вам еще нужны для работы?

Слайд 3

HTML - Язык разметки гипертекста

HyperText Markup Language

HTML - Язык разметки гипертекста HyperText Markup Language

Слайд 4

Структура (скелет) HTML документа









Структура (скелет) HTML документа … …

Слайд 5


- горизонтальные линии

Используются для разбиения web –страницы на отдельные части.
Тег


- горизонтальные линии Используются для разбиения web –страницы на отдельные части. Тег
имеет некоторые атрибуты:
Align – выравнивание;
Width – ширина;
Size — размер (толщина);
Color - цвет

Слайд 6

Пример:





Пример:

Слайд 7

Ваш сайт будет безжизненым?

Пример:

Ваш сайт будет безжизненым? Пример:

Слайд 8

В HTML-документе мы можем использовать как английские названия цветов, так и их

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

Слайд 11

Стиль шрифта

Для задания стиля шрифта используется парный тег
имеет несколько атрибутов:

Стиль шрифта Для задания стиля шрифта используется парный тег имеет несколько атрибутов:

Слайд 12

1) face - задает шрифт, которым будет напечатан текст.
Пример:

New Roman« > Tекст;
Tекст;
Tекст.

Слайд 13

2) size - задает размер текста. Принимает значение от 7 до 1

2) size - задает размер текста. Принимает значение от 7 до 1
в порядке убывания
Пример:
Пример 1
Пример 2
Пример 3
Пример 7

Слайд 14

3) color - выделение текста некоторым цветом.

Вернемся к тегу Font

3) color - выделение текста некоторым цветом. Вернемся к тегу Font

Слайд 15

Пример:
Красный
Красный

Пример: Красный Красный

Слайд 16

Цвет текста всей страницы:


Это значит, что весь текст страницы будет

Цвет текста всей страницы: Это значит, что весь текст страницы будет синим,
синим, кроме текста, для которого мы специально прописали (если цвет в не задавать, то по умолчанию он будет черным).

Слайд 17

Цвет фона

Цвет фона всей Web–страницы можно сделать цветным с помощью атрибута bgcolor,

Цвет фона Цвет фона всей Web–страницы можно сделать цветным с помощью атрибута
который записывается рядом с открывающим тэгом body.

Слайд 18

Пример:
(использовано название цвета)
(использован шестнадцатеричный вид цвета)

Пример: (использовано название цвета) (использован шестнадцатеричный вид цвета)

Слайд 19

Предформатированный текст

 "текст" 

Вывод текста на экран так, как он записан в

Предформатированный текст "текст" Вывод текста на экран так, как он записан в
HTML-коде, – со всеми пробелами и разбивкой на строки, имеющимися в исходном тексте.

Слайд 20

Пример

Результат

Пример Результат

Слайд 21

Пробел:

" " Данная сущность просто заменяет символ пробела:
Красная строка:
         

Пробел: " " Данная сущность просто заменяет символ пробела: Красная строка:           Текст
Текст

Слайд 22

Индексы (надстрочные и подстрочные знаки)

текст
Нижний индекс (подстрочный знак)
текст
Верхний

Индексы (надстрочные и подстрочные знаки) текст Нижний индекс (подстрочный знак) текст Верхний
индекс (надстрочный знак)
log2256 = 23
log2256=23
Имя файла: HTML---второй-урок.pptx
Количество просмотров: 23
Количество скачиваний: 0