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

908a9fe44c4a47ff246cea11b25058f6.ppt

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

HTML (Hyper. Text Markup Language) язык разметки гипертекста HTML (Hyper. Text Markup Language) язык разметки гипертекста

Web-сайты и Web-страницы Web-сайты и Web-страницы

Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее.

Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web страницы). Гиперссылки также имеются на других Web страницах сайта, что обеспечивает возможность пользователю свободно перемещаться по сайту.

Web сайты обычно являются мультимедийными, так кроме текста могут содержать иллюстрации, анимацию, звуковую Web сайты обычно являются мультимедийными, так кроме текста могут содержать иллюстрации, анимацию, звуковую и видеоинформацию. Web страницы сайта могут содержать динамические объ екты(исполнимые модули), созданные с использованием сценариев на языках Java. Script и VBScript или элементов управления Active. X. Расположенные на сайте управляющие элементы (например, кнопки) позволяют пользователю запускать те или иные динамические объекты.

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

Создание Web сайтов реализуется с использованием язы ка разметки гипертекстовых документов HTML. Технология Создание Web сайтов реализуется с использованием язы ка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web страницу. Браузер при загрузке Web страницы представляет ее на экране в том виде, кото рый задается тэгами.

Основными достоинствами HTML-документов являются: малый информационный объем; возможность просмотра на персональных компьютерах, оснащенных различными Основными достоинствами HTML-документов являются: малый информационный объем; возможность просмотра на персональных компьютерах, оснащенных различными операционными системами.

Для создания Web страниц используются простейшие текстовые редакторы, которые не включают в создаваемый Для создания Web страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот.

Имена HTML-файлов Нельзя использовать русские буквы. Нельзя использовать пробелы. Короткие имена файлов. Различаются заглавные Имена HTML-файлов Нельзя использовать русские буквы. Нельзя использовать пробелы. Короткие имена файлов. Различаются заглавные и строчные буквы. Расширения *. 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 Заголовки Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня Заголовок шестого уровня

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

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

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

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

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

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

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

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

Ответьте на вопросы: Какие (контейнеры) должны присутствовать в HTML документе обязательно? Между какими тегами Ответьте на вопросы: Какие (контейнеры) должны присутствовать в HTML документе обязательно? Между какими тегами находится информация которая выводится на экран? Назовите теги заголовка окна. Назовите количество уровней для заголовков окна

Ввести HTML –код страницы Ввести HTML –код страницы

Ввести команду файл сохранить. Файлу web – страницы присвоить имя index. html Ввести команду файл сохранить. Файлу web – страницы присвоить имя index. html

Затем в окне браузера выбрать команды Вид – просмотр HTML кода. Затем в окне браузера выбрать команды Вид – просмотр HTML кода.

Домашняя страница сайта расписание Домашняя страница сайта расписание