Скачать презентацию HTML Hyper Text Markup Language язык разметки гипертекста Скачать презентацию HTML Hyper Text Markup Language язык разметки гипертекста

93a38016569fa8c3754d54e18072bb7c.ppt

  • Количество слайдов: 27

HTML (Hyper. Text Markup Language) язык разметки гипертекста «Создание Web-сайтов» Занятие № 1 HTML (Hyper. Text Markup Language) язык разметки гипертекста «Создание Web-сайтов» Занятие № 1

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

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

Тэги <тэг>. . . текст. . . </тэг> Тэги <тэг>. . . текст. . .

Структура Web-страницы <HTML> </HTML> Структура Web-страницы

Структура Web-страницы <HTML> <HEAD> </HTML> Структура Web-страницы

Структура Web-страницы <HTML> <HEAD> </HEAD> <BODY> </HTML> Структура Web-страницы

Структура Web-страницы <HTML> <HEAD> <TITLE>Знакомство с тэгами HTML</TITLE> </HEAD> <BODY> </HTML> Структура Web-страницы Знакомство с тэгами HTML

Заголовки <H 1> Заголовок первого уровня </H 1> <H 2> Заголовок второго уровня </H Заголовки Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня Заголовок шестого уровня

Горизонтальная линия <HR> Горизонтальная линия

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

Первый абзац, первый абзац.

Второй абзац, второй абзац. Второй абзац.

Абзацы <P> Первый абзац, первый абзац. </P> <P> Второй абзац, второй абзац. <BR> ПРИНУДИТЕЛЬНЫЙ Абзацы

Первый абзац, первый абзац.

Второй абзац, второй абзац.
ПРИНУДИТЕЛЬНЫЙ ПЕРЕВОД СТРОКИ Второй абзац.

Третий абзац 

 Предварит. отформатир. текст

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

Размер текста <BIG>Увеличенный текст</BIG> Просто текст <SMALL>Уменьшенный текст</SMALL> <BR> Размер текста Увеличенный текст Просто текст Уменьшенный текст

Верхний и нижний индексы Текст <SUB> Нижний индекс </SUB> Текст <SUP> Верхний индекс </SUP> Верхний и нижний индексы Текст Нижний индекс Текст Верхний индекс Текст

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

  1. Первый элемент списка
  2. Второй элемент списка
  3. Третий элемент списка

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

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

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

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

Логическое форматирование <EM> Выделение </EM> <STRONG> Усиленное выделение </STRONG> <BR> Логическое форматирование Выделение Усиленное выделение

Форматирование некоторых видов текста <ABBR> Аббревиатура </ABBR> <CITE> Цитата </CITE> <ADDRESS> Адрес </ADDRESS> Форматирование некоторых видов текста Аббревиатура Цитата

Адрес

Комментарий <!--Комментарий в окне браузера не виден--> Комментарий

Кодирование символов Код Символ Значение числ. имен. < < < Меньше > > > Кодирование символов Код Символ Значение числ. имен. < < < Меньше > > > Больше ± ± ± Плюс-минус ° ° ° Знак градуса – – Тире — Длинное тире —

Кодирование символов Код числ. имен.   § § ’ … © © Символ Кодирование символов Код числ. имен.   § § ’ … © © Символ Значение § ’ … © Нерастяжимый пробел Параграф Апостроф Многоточие Копирайт (знак охраны авторского права)

Кодирование символов Код числ. имен. « « Символ Значение « » » » Открывающая Кодирование символов Код числ. имен. « « Символ Значение « » » » Открывающая кавычка «елочка» Закрывающая кавычка «елочка»

Кодирование символов Код „ “ ” Символ Значение „ Русская открывающая кавычка «лапка» “ Кодирование символов Код „ “ ” Символ Значение „ Русская открывающая кавычка «лапка» “ Русская закрывающая кавычка «лапка» “ Английская открывающая кавычка «лапка» ” Английская закрывающая кавычка «лапка»

«Создание Web-сайтов» Занятие № 1 Московский институт открытого образования УМЛ Информационных технологий Тел. «Создание Web-сайтов» Занятие № 1 Московский институт открытого образования УМЛ Информационных технологий Тел. 151 -59 -31 Сайт: http: //iit. metodist. ru E-mail: iit@metodist. ru Методист Н. И. Михайлова