Выбранный для просмотра документ Плаксо В.А., Колледж связи №54 г. Москвы,Тема - Язык разметки гипер-документов.docx
Скачать материал "Методическая разработка занятия "Язык разметки гипер-документов""
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Язык разметки гипер-документов.pptx
Скачать материал "Методическая разработка занятия "Язык разметки гипер-документов""
Рабочие листы
к вашим урокам
Скачать
1 слайд
2 слайд
www.google.ru
http://www.google.ru
3 слайд
Язык разметки гипер - документов
Тема:
4 слайд
Основные понятия
Web-браузер – программа поиска и просмотра информации в Web.
Гиперссылки – подсвечиваемые фрагменты текста или графические изображения, расположенные на Web-страницах, позволяющие быстро переходить к другим страницам Web.
HTML – язык разметки гипертекста (Hypertext Markup Language)
Разметка документа - это описание различных фрагментов документа и их взаимного расположения.
5 слайд
Основы языка HTML
Основные элементы языка – команды (ТЭГИ)
Тэги:<имя> … </имя>
Параметры тэгов – указываются внутри тэга, разделяются пробелами:
Имя_параметра = “Значение_параметра”
6 слайд
Общая структура документа HTML
<HTML>
<HEAD>
Содержание заголовка
</HEAD>
<BODY>
Содержание тела документа
</BODY>
</HTML>
7 слайд
Элементы заголовка html-документа (тэг HEAD)
8 слайд
Элементы стиля и форматирования текста.
Текст, заключенный между открывающим и закрывающим тэгами, воспроизводится в соответствии со значением тэга и его параметров.
9 слайд
10 слайд
11 слайд
Списки
12 слайд
13 слайд
Гиперссылки.
<A HREF=”Имя_URL”> Текст_гиперссылки </A>,
где“Имя _URL” – Полный адрес или относительный путь, определяющий источник для перехода по гиперссылке,
Текст_гиперссылки – место в документе, которое будет гиперссылкой.
14 слайд
Фон и цвета
Фоновая картинка: <BODY BACKGROUND="URL">
Цвет фона: <BODY BGCOLOR="#$$$$$$"> (порядок: красный/зеленый/синий)
Цвет текста: <BODY TEXT="#$$$$$$">
Цвет ссылки: <BODY LINK="#$$$$$$">
Пройденная ссылка: <BODY VLINK="#$$$$$$">
Активная ссылка: <BODY ALINK="#$$$$$$">
15 слайд
Вставка рисунков
<IMG SRC="Адрес_или_путь/Имя_файла" ALT="текст_альтернативный" >
Выравнивание картинки относительно страницы:
ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT
Выравнивание картинки относительно основного текста страницы:
ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
Рабочие листы
к вашим урокам
Скачать
Рабочие листы
к вашим урокам
Скачать
6 664 320 материалов в базе
Настоящий материал опубликован пользователем Плаксо Виктор Александрович. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Мини-курс
6 ч.
Мини-курс
6 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.