Основы Html HTML – HyperText Markup Language – язык разметки гипертекста 234567.

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



Advertisements
Похожие презентации
Создание Web- страниц с графическими изображениями и бегущей строкой c помощью язык разметки гипертекста HTML.
Advertisements

HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Секция «Основы сайтостроения» Кротова Т.В. Овчарова О.П.
Язык разметки гипертекста НТМL (HyperText Markup Language)
HTML – ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА. СТРУКТУРНЫЕ ТЕГИ.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Урок информатики в 9 классе. Автор: учитель информатики и ИКТ ГБОУ СОШ 891 Пулова Светлана Анатольевна.
Название страницы содержание страницы Структура любого HTML файла.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Основные понятия HTML расшифровывается HyperText Markup Lang uage (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Списки на Web- страницах - нумерованный список - нумерованный список - маркированный список - маркированный список - список терминов - список терминов.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
HTML HTML – это язык для создания Web-ресурсов. HTML (англ. Hyper Text Markup Language ) язык разметки гипертекста.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Транксрипт:

Основы Html HTML – HyperText Markup Language – язык разметки гипертекста

Гипертекст Текст на бумажном носителе Страница 1 Страница 2 Страница … Компьютерный гипертекст гиперсвязи гиперссылки

Теги – инструкции браузеру, указывающие способ отображения текста в окне программы. ТЕГИ ПарныеНепарные Имеют открывающий не имеют закрывающего флаг флага и закрывающий

Структурные теги название страницы содержание страницы

Цвет фона и текстаЦвет фона и текста: Форматирование заголовковФорматирование заголовков n изменяется от 1 до 6 : 1 – заголовок первого уровня, 6 – заголовок самого низкого уровня.

Теги форматирования текста выделение абзаца перевод строки горизонтальная линия n = от 2 до 7 m = кол-во пикселей или % от экрана изменение гарнитуры шрифта: размер цвет вид … k= от 1до 7

жирный шрифт(bold) … курсивный шрифт (italic) … подчеркнутый шрифт (underline) … верхний индекс … нижний индекс … перечеркнутый текст … вывод текста с сохранением формата …

Размещение графики на web-странице картинка в качестве фона страницы размещение изображения в тексте n, m, k = количество пикселей

Размещение видео и звука на web-странице вставка звука - вставляется до body отдельным тегом Loop – кол-во повторов (infinite – по умолчанию) вставка видео

Бегущая строка текст или графика

ОТСТУПЫ И СПИСКИ отступ текста от границы листа … начало нумерованного списка элемент списка текст элемент списка текст элемент списка текст конец нумерованного списка

начало маркированного списка элемент списка текст элемент списка текст элемент списка текст конец маркированного списка Атрибуты тэгов для списков установка типов маркеров : TYPE = DISC CIRCLE SQUARE Например:

DINGBAT = Text/Form/Audio/Disc drive/Previous Позволяет создавать специальные типографские символы-картинки в качестве маркеров в списках Например: тип нумерации: TYPE=1, A, a, I 1 (1,2,3…)A (A,B,C…)a (a,b,c…)I (I,II,III,IV…) Например:

SKIP = значение Позволяет в середине нумерованного списка пропустить заданное число пунктов нумерации. Например: – пропустит четыре следующих пункта START = значение Используется для указания того, с какого места в заданном типе нумерации начать нумерованный список. Например: – нумерация будет начинаться с буквы E и будет продолжаться далее по алфавиту

Вставка гиперссылок ссылка на другую html-страницу, сайт или файл (видеоклип, звуковой) активный текст или картинка ссылка на метку в тексте текущего html-документа активный текст или картинка ссылка на метку в тексте другого html-документа активный текст или картинка установка метки в html-документе текст или графика

Изменение цвета ссылок в теге body Link=цвет - цвет ссылки, которой еще не пользовались Vlink=цвет- цвет ссылки, на которую уже щелкали Alink=цвет- цвет ссылки в момент щелчка

Создание таблицы Текст заголовок1 заголовок2 заголовок3 текст1 текст2 текст3 Текст заголовок1 заголовок2 заголовок3 текст1 текст2 текст3

объединение строк объединение столбцов