close

Вход

Забыли?

вход по аккаунту

?

базовые теги HTML

код для вставки
спецкурс Основы веб-дизайна
Спецкурс «Основы веб-дизайна»
учебное пособие А. Г. Пасечник и др
Тема: Основы языка HTML. Базовые конструкции языка HTML
Тип урока: урок получения новых знаний
Цели: познакомить с языком разметки, гипертекстовых документов и его элементами; научить
использовать программу «Блокнот» для создания гипертекстовых документов; познакомить с
понятием тега и атрибута; познакомить с тегами форматирования шрифтом; научить создавать
простые веб-документы; формировать у учащихся серьёзное отношение к будущей професии.
1
ученик объясняет
- Понятие гипертекстового документа и языка разметки;
- Понятие тега и атрибута тега;
- Понятие начального и конечного тега, различие между одиночными тегами и контейнерами;
- Правила корректного вложения тэгов
- Принцип определения цвета в языке HTML;
классифицирует
- Теги по назначению;
описывает
- Синтаксис и назначение основных тегов для форматирования текста, основных атрибутов этих
тегов;
- Область действия атрибутов тега, входящий в состав гипертекстового документа;
План урока
1.
2.
3.
4.
Организационный этап
Мотивация к учебной деятельности
Изучение нового материала (мини-лекция) с поддержкой презентации
Усвоение новых знаний и формирование новых навыков в создании гипертекстовых
документов
5. Итоги урока. Домашнее задание
Организационный этап
Приветствие учащихся, перекличка
Мотивация к учебной деятельности (Беседа)
Вы уже попробовали создать сайт с помощью автоконструктора в системе Google, не всегда то что
предлагает конструктор устраивает пользователя. Сегодня мы с вами начнем знакомиться с
правилами создания веб-документов. Что такое браузер? Что такое HTML? Как его написать?
Изучение нового материала (мини-лекция) с поддержкой презентации Файл Базовые теги.pptx
Теоретическая часть
HyperText Markup Language (HTML) является стандартным языком, предназначенным
для создания гипертекстовых документов в среде WEB. HTML-документы могут
просматриваться различными типами WEB-браузеров. Когда документ создан с
использованием HTML, Использование HTML позволяет форматировать документы для
их представления с использованием шрифтов, линий и других графических элементов
Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы
или списки. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер,
Спецкурс «Основы веб-дизайна»
учебное пособие А. Г. Пасечник и др
который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который
ему придает автор.
HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи
тэга HTML, а затем предоставляет WEB-браузеру интерпретировать эти тэги..
Разметка - способ, которым отформатирована веб-страница, а также процесс
форматирования содержимого веб-документа с помощью языка HTML.
Тег - код языка HTML, с помощью которого размечают исходный текст.
Парные теги Одинарные теги
2
<НТМL> содержание </ HTML>
<В> содержание
<HEAD> содержание </ HEAD>
<НЗ> содержание </ НЗ>
<ADDRESS> содержание </ ADDRESS> <BR>
<HR>
<МЕТА>
<FRAME>
<BASEFONT>
Атрибуты - это дополнительные ключевые слова, отделенные от основного ключевого
слова тега и друг от друга символами пробела.
<BODY BGCOLOR = "cyan" TEXT = "# FFFFFF">
<FRAME SCR = "file.html">
Для лучшего понимания кода HTML в текст вставляют комментарии.
<! - Комментарий ->
Комментарий не может содержать теги и знак ">"
Структура HTML-документа
<HTML>
<HEAD>
<TITLE> заголовок документа </ TITLE>
<META> техническое описание документа
<STYLE> описание использованных стилей </ STYLE>
<BODY>
текст, отображаемый на экране
</ BODY>
</ HTML>
</ HEAD>
Заголовок - это абзац, выделенный большим или жирным шрифтом.
Заголовки имеют равные от 1 до 6, определяемых тегами <Н1> ... </ Н1>, <Н2> ... </ Н2> и
т.д.
Абзацы
< Р> - новий абзац
< BR> - перехід на новий рядок без створення абзацу
< HR> - горизонтальна лінія
Теги для форматирования символов
< B>полужирный< /B>
< I>курсив< /I>
Спецкурс «Основы веб-дизайна»
учебное пособие А. Г. Пасечник и др
< U>подчеркнутый< /U>
< S>перечеркнутый< /S>
< SUP>верхний индекс< /SUP>
< SUB>нижний индекс< /SUB>
Атрибути тегу шрифту
< FONT FAСE= значення гарнітура (наприклад, "Monotype Corsiva") SIZE=значення
розмір шрифту (ціле число від 1 до 7) COLOR=значення колір шрифту (наприклад, red,
blue або #FF0000, #008012) > Текст < /FONT>
Вирівнювання тексту задають за допомогою атрибута ALIGN
< Н1 ALIGN=LEFT> ліворуч < /Н1>
< Н1 ALIGN=CENTER> по центру < /Н1>
< Н1 ALIGN=RIGHT> праворуч < /Н1>
3
Атрибути тегу
< BODY АТРИБУТ1=значення АТРИБУТ2=значення2 ...>
BACKGROUND="URL" адреса малюнка - тла сторінки
BGCOLOR= значення колір тла
ТЕХТ= значення колір тексту
LINК= значення колір гіперпосилання у документі
ALINK= значення колір гіперпосилання під час клацання
VLINK= значення колір гіперпосилання після перегляду
Домашнее задание: стр.45-49 читать
Автор
ovsianik
Документ
Категория
Образование
Просмотров
88
Размер файла
28 Кб
Теги
урок, атрибуты, html, теги
1/--страниц
Пожаловаться на содержимое документа