Рабочие листы
к вашим урокам
Скачать
1 слайд
РАЗРАБОТКА WEB-сайтов
с использованием
языка разметки гипертекста
преподаватель Никитин М.Е.
2 слайд
«Творческим считается любое действие,
которое эффективно и вызывает удивление»
Дж. Брунер
Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language
3 слайд
Microsoft Office
FrontPage
4 слайд
Hyper Text Markup Language – язык гипертекстовой разметки.
Описательный язык разметки HTML имеет свои команды, которые называются тегами.
!Теги не чувствительны к регистру!
5 слайд
Теги «HTML»
Тег — это элемент языка Html, который указывает браузеру, как отображать тот или иной объект на странице (таблицу, слово, абзац, ссылку, изображение и т.д.)
HTML, являясь языком разметки состоит из так называемых тегов (элементов разметки), которые ,в свою очередь, могут быть:
полные
неполные
символьные
Полный элемент разметки, также называемый контейнером, имеет открывающий и закрывающий теги, неполный – только открывающий, а символьные элементы разметки представляются в виде символьных кодов и вы можете видеть их в таблице справа:
6 слайд
Также в HTML существуют теги, не требующие закрывающего элемента. Это как правило элементы вставки чего–либо или служебные элементы:
<img> – тег вставки изображения
– тег вставки разрыва строки
<hr> – тег вставки горизонтальной линии
Большая часть HTML тегов состоит из двух частей:
открывающий тег <...> и закрывающий тег </...>.
Например:
<strong>текст</strong>
<div> ........ </div>
7 слайд
АТРИБУТ
Атрибут – это компонент тега, содержащий указания о том, как браузер должен воспринять и обработать тег.
Синтаксис тега с атрибутом:
<тег атрибут="значение">
8 слайд
ГИПЕРТЕКСТ
Гипертекст (hypertext) – текст, содержащий ссылки на другие веб-страницы, серверы или ресурсы с возможностями выполнения переходов.
9 слайд
Структура HTML документа.
Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих контейнеров:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
10 слайд
Открываем Блокнот набираем
<HTML>
<HEAD>
<TITLE> Название Web-страницы </TITLE>
</HEAD>
<BODY атрибуты>
Меня зовут ____. Мне __ лет.
Это моя первая Web-страница.
Тут я могу писать любой текст.
Я размещу эту страницу в Интернете.
</BODY>
</HTML>
11 слайд
Создание web-страницы
12 слайд
Структура и управление
Обновление web-страницы
меню Вид Просмотр HTML-кода
13 слайд
WEB-страничка готова!
Удалить
14 слайд
Цвета и атрибуты
Изменим цвет фона нашей странички. Для этого в тег <BODY> добавим атрибут bgcolor:
<BODY bgcolor=#ffddff>
Цвет текста:
<BODY bgcolor=#ffddff text=#880088>
Рабочие листы
к вашим урокам
Скачать
6 661 912 материалов в базе
«Информатика (углублённый уровень) (в 2 частях)», Семакин И.Г., Хеннер Е.К., Шестакова Л.В.
Глава 2. Методы программирования
Больше материалов по этой темеНастоящий материал опубликован пользователем Никитин Михаил Евгеньевич. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс повышения квалификации
36 ч. — 144 ч.
Мини-курс
10 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.