HTML Урок 3 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Нумерованные списки в HTML Маркированные списки в HTML Списки определений Ссылки в HTML документе Графические.

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



Advertisements
Похожие презентации
Фреймы Урок 5 Пищита Е.В.. Фрейм-документ Пищита Е.В. Фреймы позволяют нам открыть в окне броузера - не один, а сразу несколько документов (в нашем случае,
Advertisements

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

HTML Урок 3 Пищита Е.В.

СОДЕРЖАНИЕ УРОКА Нумерованные списки в HTML Маркированные списки в HTML Списки определений Ссылки в HTML документе Графические ссылки (ссылки-картинки) Ссылки внутри страницы Цвет текста и ссылок Ссылка на почтовый адрес Окно загрузки ссылки Практическая работа 2 Пищита Е.В.

Нумерованные списки в HTML: Нумерованный список : 1 строка списка 2 строка списка Параметры тега :, где * I - большие римские цифры i - маленькие римские цифры A - большие латинские буквы a - маленькие латинские буквы 1 - обычные цифры Тег без параметра, т.е. по умолчанию, выдаёт простой нумерованный список Пищита Е.В.

Маркированные списки в HTML: Маркированный список : 1 строка списка 2 строка списка Параметры тега :, где * DISK - точка CIRCLE - круг SQUARE - квадратик Тег без параметра, т.е. по умолчанию, DISK Пищита Е.В.

Списки определений: Списки определений необходимы для выделения терминов: Термин Его определение Следующее его определение Для компактного списка: Термин Его определение Следующее его определение Для компактного списка: Термин Его определение Следующее его определение Пищита Е.В.

Ссылки в HTML документе: Ссылки - переходы с одной страницы на другую: Например, Это ссылка на HTML.net Если нужно связать свои страницы, т.е. страницы на одном веб-сайте, то полный путь указывать не нужно: Пищита Е.В.

Графические ссылки (ссылки-картинки) Чтобы создать ссылку-картинку, нужно вместо текста использовать изображение. Пищита Е.В.

Ссылки внутри страницы: Чтобы переходить по ссылкам внутри страницы нужно установить закладку в то место куда должны попадать: - при маркировании заголовков: Глава 1 Ссылка на закладку: текст Пищита Е.В.

-в любом месте страницы: текст Ссылки внутри страницы: Пищита Е.В.

Цвет текста и ссылок. Тег : TEXT - определяет цвет текста в документе. LINK - определяет цвет гиперссылок в документе. ALINK - определяет цвет подсветки гиперссылок в момент нажатия. VLINK - определяет цвет гиперссылок, которые вы уже просмотрели. Все приведенные параметры могут объединяться. Пищита Е.В.

Ссылка на почтовый адрес Для того чтобы сделать ссылку на почтовый ящик, вместо адреса страницы мы пишем свой , перед этим вставив mailto : Пищита Е.В.

Окно загрузки ссылки Определить, в каком окне (фрейме) загрузить гиперссылку поможет:, где * : BLANK - загружает страницу в новом окне браузера. SELF – загружает страницу в текущее окно. PARENT – загружает страницу, во фрейм- родитель, если фреймов нет, то это значение работает как SELF. TOP - загружает страницу на полное окно браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). Пищита Е.В.

Практическая работа 2 Создать вторую страницу проекта под именем struktura.htm в той же папке, в которой отобразить структуру своего проекта (это может быть содержание реферата или этапы работы из презентации) Необходимые элементы: - Список (нумерованный или маркированный) - Ссылки на три страницы: -Ссылка первая (текстовая)– Введение (страничка открывается в новом окне; предварительно документ Введение создаёте и сохраняете под именем vvod.htm в туже папку) -Ссылка вторая (текстовая)– Вывод (аналогично Введению; имя vyvod.htm) -Ссылка третья (графическая)– График (создайте страничку с вашим исследованием, содержащим графики под именем grafik.htm, ссылка на неё через картинку из struktura.htm) Предусмотреть: -Цвет текста - Фон страницы Пищита Е.В.