HTML (HyperText Markup Language) язык разметки гипертекста Занятие 1.

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



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

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

HTML (HyperText Markup Language) язык разметки гипертекста Занятие 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комментарий

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

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

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

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