HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.

Презентация:



Advertisements
Похожие презентации
Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования. РОССИЙСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ФИЗИЧЕСКОЙ.
Advertisements

С ИСПОЛЬЗОВАНИЕМ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТА HTML Создание Web - страницы.
© Пивоваров Я.А., 2005 г. Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet – TCP (Transmission.
(HyperText Markup Language) – язык гипертекстовой разметки.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Рогозина Светлана Яковлевна МБОУ СОШ 12 МО город-курорт Анапа Краснодарский край, учитель информатики.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Основы Html HTML – HyperText Markup Language – язык разметки гипертекста
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Язык разметки гипертекста НТМL (HyperText Markup Language)
Название страницы содержание страницы Структура любого HTML файла.
Основные понятия HTML расшифровывается HyperText Markup Lang uage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Построение одностраничного документа Оформление страницы сайта Н.Е.Елистратова, учитель информатики и математики МОУ СОШ 3 г. Петровска.
Web-страница Web-страница (англ. Web page) гипертекстовый ресурс Всемирной паутины, обычно написанный на языке HTML. Web-страница может содержать ссылки.
Транксрипт:

HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА

СТРУКТУРНЫЕ ТЕГИ

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

ТЕГИ МОГУТ БЫТЬ: ПАРНЫЕ ПАРНЫЕ (ПРИМЕР, ) (ПРИМЕР, ) НЕПАРНЫЕ НЕПАРНЫЕ (ПРИМЕР, )

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

текст - размер шрифта текст - гарнитура (тип шрифта) текст - переход на новую строчку

параграфы текст - выравнивание текста (center, left, right) (по умолчанию по левому краю) текст - выравнивание по ширине текст - по центру

заголовки текст

Полужирный текст Наклонный текст (курсив) Подчеркнутый текст

- текст, шрифт которого с символами одинаковой ширины (фиксированный шрифт) - фиксированный шрифт, но еще и выводится с точностью до пробела текст текст

- вставка картинки - вставка картинки вставка картинки с указанием пути. вставка картинки с указанием пути.

параметры картинки (middle, top, right, left, center)

параметры картинки

- фоновая картинка - фоновая картинка

гиперссылки мои фото - в роли ссылки текст на файл 123.html мои фото - ссылка на файл 123.html с указанием пути. img src= - в роли ссылки картинка

гиперссылки Link - цвет ссылки Alink - цвет активной ссылки (нажатой) Vlink - цвет уже посещенной ссылки

Ссылка на почтовый ящик - пишите письма Замечание: ссылка может быть не только на документ с расширением *.html, но и на многие другие (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д.)

гиперссылки мои фото target ="_blank" - указывает на то, что документ 123.html, на который ведет ссылка, откроется в новом окне браузера

списки Текст один Текст один Текст другой Текст другой Пример маркированного типа списка

Табуляция в списке Сдвиг один Сдвиг один Сдвиг два Сдвиг два Сдвиг три Сдвиг три

Горизонтальный разделитель (center или left) (center или left) (ширина линии в процентах/пикселях) (ширина линии в процентах/пикселях) (толщина линии) (толщина линии) (отмена объемности) (отмена объемности) (цвет линии) (цвет линии)

таблицы - таблица - строчка таблицы - столбец (ячейка) таблицы

Пример таблицы

1x1 1x1 1x2 1x2

2x1 2x1 2x2 2x2 2x3 2x3

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

таблицы colspan=2 объединение столбцов rowspan=2 объединение строк

фреймы

Пример 1 Хождение по фреймам Хождение по фреймам

Пример 3 на рисунке Хождение по фреймам Хождение по фреймам

Пример 2 на рисунке Хождение по фреймам Хождение по фреймам

Пример 4 на рисунке Хождение по фреймам