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

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



Advertisements
Похожие презентации
HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.
Advertisements

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

Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования. РОССИЙСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ФИЗИЧЕСКОЙ КУЛЬТУРЫ, СПОРТА, МОЛОДЕЖИ И ТУРИЗМА (ГЦОЛИФК). Гуманитарный институт. Кафедра Менеджмента и экономики спорта им. В.В. Кузина HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА Кузнецов Илья 1 курс МО группа 6 Моква 2015

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

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

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

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

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

параграфы текст - выравнивание текста (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 на рисунке Хождение по фреймам