Выбранный для просмотра документ Основы разметки языка гипертекста.ppt
Скачать материал "Конспект урока и презентация по информатике на тему «Основы языка разметки гипертекста HTML». (10 класс)"
Рабочие листы
к вашим урокам
Скачать
1 слайд
Основы языка разметки гипертекста HTML
2 слайд
Hyper Text Markup Language (HTML) – язык гипертекстовой разметки документов.
Web-страницы можно создать с помощью языка HTML
В обычный документ вставляются управляющие символы - HTML-теги, которые определяют вид Web-страницы при её просмотре в браузере.
3 слайд
Теги заключаются в угловые скобки <> и могут быть одиночными или парными.
Парные теги содержат открывающий и закрывающий теги (контейнер).
Например, код Web-страницы помещается внутрь контейнера
<HTML>… </HTML>
Теги могут записываться как прописными, так и строчными буквами.
4 слайд
Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения и влияют на внешний вид Web-страницы.
Например,
<FONT COLOR=“blue”>
<H1 ALIGN=“center”> Моё имя – Марина </H1>
</FONT>
5 слайд
Структура Web-страницы
<HTML>
<HEAD>
<TITLE>
Название Web-страницы
</TITLE>
</HEAD>
<BODY атрибуты>
На этой странице можно разместить любую интересную информацию в Интернете.
</BODY>
</HTML>
6 слайд
Создание Web-страницы
Создать личную папку.
Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.
Сохранить файл под именем Шаблон.txt в личной папке.
Открыть файл Шаблон.txt и внести необходимую информацию, используя теги и их атрибуты.
Сохранить файл под именем index.htm в личной папке.
7 слайд
Создание Web-страницы
Для редактирования файла index.htm необходимо выполнить следующие действия:
8 слайд
Атрибуты фона Web-страницы
Атрибут цвета Web-страницы
<BODY bgcolor=#FFF8DC>
Атрибут вставки фонового рисунка Web-страницы
<BODY background="Nature_02.jpg”>
9 слайд
Теги и атрибуты форматирования текста на Web-странице
<H1>…</H1> до <H6>…</Y6> тег размера шрифта заголовков
<FONT>…</FONT> тег форматирования шрифта
FACE=“Arial” атрибут задания гарнитуры шрифта
SIZE=4 атрибут задания размера шрифта
COLOR=“Red” атрибут задания цвета шрифта
ALIGN=“left” атрибут задания выравнивания текста
<HR> тег для создания горизонтальной линии
<P>…</P> контейнер для разделения текста на абзацы
10 слайд
Тег и атрибут вставки изображений на Web-странице
<IMG SRC=“computer.gif”>
<IMG SRC=“C:\COMPUTER\computer.gif”>
<IMG SRC=“http://www.server.ru/computer.gif”>
11 слайд
Теги и атрибуты гиперссылки
на Web-странице
<A HREF=“Адрес”>Указатель</A> тег с атрибутом для создания гиперссылки
<ADDRESS>…</ADDRESS> контейнер для создания гиперссылки на адрес электронной почты
12 слайд
Теги и атрибуты для создания списков на Web-странице
<OL>…</OL> контейнер для создания нумерованных списков
<LI> тег элемента списка
<UL>…</UL> контейнер для создания маркированного списка
<LI> тег элемента списка
<DL>…</Dl> контейнер для создания списка терминов
<DT> тег для создания термина
<DD> тег для создания определения
13 слайд
Теги и атрибуты для создания интерактивных форм
на Web-странице
<FORM>…</FORM> контейнер для создания формы
Тег <INPUT> со значением атрибута TYPE=“text” создают текстовое поле
Тег <INPUT> со значением атрибута TYPE=“radio” создают группу переключателей
Тег <INPUT> со значением атрибута TYPE=“checkbox” создают флажки
<SELECT> …</SELECT> контейнер для реализации раскрывающего списка
<OPTION> тег элемента списка
14 слайд
Домашнее задание
Учебник 10 класса Н. Д. Угринович (базовый уровень), П. 2.13, стр. 201-205.
Рабочие листы
к вашим урокам
Скачать
Выбранный для просмотра документ Конспект Основы языка разметки гипертекста.docx
Скачать материал "Конспект урока и презентация по информатике на тему «Основы языка разметки гипертекста HTML». (10 класс)"
Рабочие листы
к вашим урокам
Скачать
Рабочие листы
к вашим урокам
Скачать
6 609 957 материалов в базе
Настоящий материал опубликован пользователем Гафурова Зиля Рифовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Мини-курс
3 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.