Hyper Text Markup Language

Содержание

Слайд 3

Сохранение файла

Для создания файла используется программа «Блокнот»
Первый файл сайта всегда должен называться

Сохранение файла Для создания файла используется программа «Блокнот» Первый файл сайта всегда
index
Расширение всех сохраняемых файлов *.html
Пример:
Имя файла index.html

Слайд 4

Теги

Тег (дескриптор) - основное средство разметки документа. При написании отделяются от остального

Теги Тег (дескриптор) - основное средство разметки документа. При написании отделяются от
текста угловыми скобками.
Пример:

Большинство тегов требуют закрытия (ограничения действия).
Пример: этот текст будет отображаться жирным шрифтом
пример

Слайд 5

Структура HTML-документа



Наша первая страница


Здесь помещается вся информация

Структура HTML-документа Наша первая страница Здесь помещается вся информация о странице, например:
о странице, например:
этот текст будет отображаться жирным шрифтом

Слайд 6



The World — The Internet.


Мир — Интернет...



Система. Что есть система?
Система

The World — The Internet. Мир — Интернет... Система. Что есть система?
это некоторое множество элементов
находящихся в отношениях и связях друг с другом, (но!)
при этом образующих
определенную целостность, единство.

Наш мир... Мир, в котором мы живем, — представляет ли он собой систему? И каждый из нас, читающих эти строки, думает о своем. Для кого-то такой мир — это его семья. Каждый член этой семьи — это элемент множества, и все вместе они образуют собой целостность, потому что умеют понимать, договариваться друг с другом. Как было бы прекрасно, если бы люди разных стран, регионов,
национальностей, умели понимать и договариваться друг с другом! Наш мир — наша планета Земля — представлял бы собой тогда систему!..

пример

Слайд 7

Параметры тега

пишутся внутри скобок отделяющих тег, после тега через пробел;
один тег может

Параметры тега пишутся внутри скобок отделяющих тег, после тега через пробел; один
иметь несколько параметров, написанных последовательно через пробел;
пример:

Слайд 8

Шрифтовое оформление

Тег
Параметры: FACE - название
SIZE - размер
COLOR – цвет
Пример:

Шрифтовое оформление Тег Параметры: FACE - название SIZE - размер COLOR –
SIZE=6
COLOR= #8080C0> здесь располагается оформляемый текст

пример

Слайд 9

Начертание символов

жирный шрифт
курсив
подчеркнутый
жирный курсив просто жирный
пример3

Начертание символов жирный шрифт курсив подчеркнутый жирный курсив просто жирный пример3

Слайд 10

Построчное деление

жирный шрифт

курсив

подчеркнутый

жирный курсив
просто жирный

пример4

Построчное деление жирный шрифт курсив подчеркнутый жирный курсив просто жирный пример4

Слайд 11

Форматирование абзацев

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

- по центру

- по левому краю

Форматирование абзацев (Выравнивание) - по центру - по левому краю - по
ALIGN=RIGHT> - по правому краю

- по ширине окна

Слайд 12

Примеры выравнивания

- этот текст выровнен по центру

- этот

Примеры выравнивания - этот текст выровнен по центру - этот текст выровнен
текст выровнен по левому краю

- этот текст выровнен по правому краю


пример5

Слайд 13

Центрирование

для размещения любого объекта (текста, слова, символа, графического изображения, таблицы и пр.)

Центрирование для размещения любого объекта (текста, слова, символа, графического изображения, таблицы и
по центру строки существует тег
объект

Слайд 14

Заголовки

Заголовок 1


Заголовок 2


Заголовок 3


Заголовок 4


Заголовок 5

Заголовок 6

пример7

Заголовки Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6 пример7

Слайд 15

Графика в HTML документах

Графика в HTML документах

Слайд 16

Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок)
Цвет на

Атрибуты задания цветовой схемы (цвета фона, текста и гиперссылок) Цвет на Web-странице
Web-странице задают либо его названием, либо числовым шести разрядным шестнадцатеричным кодом #RRGGBB (первые два разряда задают интенсивность красного цвета, вторые – зеленого и третьи – синего).
       Значение яркости цвета может меняться от минимальной 00 до максимальной FF.

Слайд 18

Оформление фона страницы

Рисунок для фона страницы определяется атрибутом BACKGROUND в теге

Оформление фона страницы Рисунок для фона страницы определяется атрибутом BACKGROUND в теге Пример: пример8
BACKGROUND=ИмяФайла.расширение>
Пример:

пример8

Слайд 19

Размещение изображений

Для размещения на странице изображений используют тег c атрибутом SRC,

Размещение изображений Для размещения на странице изображений используют тег c атрибутом SRC,
который указывает местоположение и полное имя графического файла
Пример:

Слайд 20

Атрибуты тега

SRC= источник изображения
WIDTH= ширина изображения в пикселях
HEIGHT= высота изображения
BORDER= ширина

Атрибуты тега SRC= источник изображения WIDTH= ширина изображения в пикселях HEIGHT= высота
рамки вокруг рисунка
Пример:

примерпример10

Слайд 21

Выравнивание изображения

ALIGN= выравнивание по горизонтали и вертикали:
Top - изображение выравнивается по верхней

Выравнивание изображения ALIGN= выравнивание по горизонтали и вертикали: Top - изображение выравнивается
части строки
Middle – по средней линии строки
Bottom – по нижней части строки
Right – по правому краю
Left – по левому краю

Слайд 22

Выравнивание по центру тегом


Пример:
Top -

Выравнивание по центру тегом Пример: Top - изображение выравнивается по верхней части
изображение выравнивается по верхней части строки
Middle – по средней линии строки

Слайд 23

Bottom – по нижней части

Bottom – по нижней части строки Right – по правому краю окна
строки
Right – по правому краю окна
Left – по левому краю окна

Слайд 24

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

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

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

Слайд 25

ALT – позволяет выводить описание изображения
HSPACE – позволяет добавить свободное пространство слева

ALT – позволяет выводить описание изображения HSPACE – позволяет добавить свободное пространство
и справа от изображения (в пикселях)
VSPACE - позволяет добавить свободное пространство сверху и снизу от изображения
«пример

Слайд 26




примерпример1пример14
src=J0149018.jpg>
примерпример1пример14

Слайд 27

Cсылка-якорь в html коде состоит из двух частей. Первая часть кода выглядит

Cсылка-якорь в html коде состоит из двух частей. Первая часть кода выглядит
так: текст ссылки-якоря  Первую часть кода вы вставляете в то место на странице, где вам нужно.   А в начало того куска текста, на который эта ссылка ведет, вставляется вторая часть кода:  

Слайд 28

Оглавление Перейти к разделу 1 Перейти к разделу 2 Перейти к разделу

Перейти к разделу 3

Много, много текста.

Раздел 1

Много, много текста.

Раздел 2

Много, много текста.

Раздел 3

Много, много текста.

пример пример13

Слайд 29

Бегущая строка в HTML


Бегущая строка
Бегущая строка в HTML


Бегущая строка в HTML Бегущая строка Бегущая строка в HTML Бегущая строка примерпример1пример14
direction="left">Бегущая строка

примерпример1пример14

Имя файла: Hyper-Text-Markup-Language.pptx
Количество просмотров: 24
Количество скачиваний: 0