HTML (HyperText Markup Language) язык разметки гипертекста «Создание Web-сайтов» Симонова Т.А. учитель информатики МОУ «Лицей 3» г.Прохладный КБР.

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



Advertisements
Похожие презентации
HTML (HyperText Markup Language) язык разметки гипертекста Занятие 1.
Advertisements

Web-сайты и Web-страницы Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью.
Секция «Основы сайтостроения» Кротова Т.В. Овчарова О.П.
Язык разметки гипертекста HTML Hyper Text Markup Language.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Основы Html HTML – HyperText Markup Language – язык разметки гипертекста
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Струкова Наталья Федоровна, учитель математики и информатики высшей квалификационной категории. МБОУ «СОШ 13», г. Златоуст, Челябинская обл.
HTML Hyper Text Markup Language Язык разметки гипертекста Автор: Палецкая А.Ю. учитель информатики МОУ Сортавальского МР РК СОШ 1.
Форматирование текста на Web- странице. Заголовки Так выглядит заголовок первого уровня Так выглядит заголовок второго уровня Так выглядит заголовок третьего.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Из опыта работы Ермаковой Вероники Викентьевны учителя информатики МОУ СОШ 19 г. Белово Основы языка разметки гипертекста HTML.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Язык разметки гипертекста НТМL (HyperText Markup Language)
(HyperText Markup Language) – язык гипертекстовой разметки.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Познакомиться с понятием Web-страница; Познакомиться с понятием «тэг» Познакомиться со структурой программы на языке НТМL Познакомиться с тэгами форматирования.
Тема 10. ОСНОВЫ ЯЗЫКА HTML. ОСНОВЫ ЯЗЫКА HTML HTML (HyperText Manipulation Language) язык, предназначенный для создания форматированного текста, который.
Транксрипт:

HTML (HyperText Markup Language) язык разметки гипертекста «Создание Web-сайтов» Симонова Т.А. учитель информатики МОУ «Лицей 3» г.Прохладный КБР

Имена HTML-файлов Нельзя использовать русские буквы. Нельзя использовать пробелы. Короткие имена файлов. Различаются заглавные и строчные буквы. Расширения *.htm или *.html

Имена файлов, запускаемых из каталога по умолчанию index.htm index.html default.htm default.html

Тэги... текст...

Структура Web-страницы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">

Структура Web-страницы

Структура Web-страницы

Структура Web-страницы

Структура Web-страницы Знакомство с тэгами HTML

Заголовки Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня Заголовок шестого уровня

Абзацы Первый абзац, первый абзац, первый абзац, первый абзац. Второй абзац, второй абзац, второй абзац. Второй абзац.

Абзацы Первый абзац, первый абзац, первый абзац, первый абзац. Второй абзац, второй абзац, второй абзац. ПРИНУДИТЕЛЬНЫЙ ПЕРЕВОД СТРОКИ Второй абзац. Третий абзац Предварит. отформатируй. текст

Нумерованный список Первый элемент списка Второй элемент списка Третий элемент списка

Маркированный список Первый элемент списка Второй элемент списка Третий элемент списка

Список определений ТЕРМИН 1 Пояснение к термину 1 ТЕРМИН 2 Пояснение к термину 2 ТЕРМИН 3 Пояснение к термину 3

Принудительное форматирование шрифта Обычный текст Полужирный Курсив Подчеркнутый Равноширинный Полужирный подчеркнутый курсив

Размер текста Увеличенный текст Просто текст Уменьшенный текст

Верхний и нижний индексы Текст Нижний индекс Текст Верхний индекс Текст

Логическое форматирование Выделение Усиленное выделение

Форматирование некоторых видов текста Аббревиатура Цитата Адрес

Горизонтальная линия

Комментарий

Кодирование символов Код СимволЗначение числ.имен. &#060;&lt;<Меньше &#062;&gt;>Больше &#177;&plusmn;±Плюс-минус &#176;&deg;°Знак градуса &#150;–Тире &#151; Длинное тире

Кодирование символов Код СимволЗначение числ.имен. &#032; Нерастяжимый пробел &#167;&sect;§Параграф &#146;Апостроф &#133;…Многоточие &#169;&copy;©Копирайт (знак охраны авторского права)

Кодирование символов Код СимволЗначение числ.имен. &#171;&laquo;«Открывающая кавычка «елочка» &#187;&raquo;»Закрывающая кавычка «елочка»

Кодирование символов Код СимволЗначение &#132;Русская открывающая кавычка «лапка» &#147;Русская закрывающая кавычка «лапка» &#147;Английская открывающая кавычка «лапка» &#148;Английская закрывающая кавычка «лапка»

«Создание Web-сайтов» Симонова Татьяна Адлеровна МОУ «Лицей 3» г. Прохладный КБР Сайт: Сайт: