Рабочие листы
к вашим урокам
Скачать
1 слайд
HTML
Создание Веб-страниц
2 слайд
Сохранение документа
Документ набранный в блокноте сохраняется с расширением *. html или *. htm. Первый (стартовый) файл сохраняется под именем index.html, последующие на ваше усмотрение.
Графические объекты в веб – страницах это чаще всего файлы с расширением .gif или .jpg.
3 слайд
Теги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.
Основные теги разметки
<HTML> и </HTML>. Между этими тегами располагается web-страница
<HEAD> и </HEAD>. Между этими тегами располагается информация о документе.
<TITLE> и </TITLE>. В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра.
<BODY> и </BODY>. "Тело" документа (текст, графика и т.д.) располагается между этими двумя тегами.
4 слайд
ПРИМЕР
5 слайд
ТЕГ
(перенос текста на другую строку, что-то вроде Enter:). Попробуйте между тэгами Body его понатыкать - посмотрите, что получится:)
6 слайд
Параметры тега <BODY>:
BGCOLOR - цвет фона
(<BODY BGCOLOR="#000000">)
TEXT - цвет текста
(<BODY ТEXT="#000000">)
Можно использовать оба одновременно:
<body text="#336699 bgcolor="#000000">
7 слайд
8 слайд
Давайте окрасим слова Добро Пожаловать в красный.
<font color="#CC0000">Добро пожаловать! :)</font>
В блокноте:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<font color="#CC0000"> Добро пожаловать! :) </font>
</body>
</html>
9 слайд
Пример:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
Здравствуйте, это моя первая страница.
<font color="#CC0000"> Добро пожаловать!</font> :)
</body>
</html>
10 слайд
Задние:
Задание 1. (1 страница) Создать страницу с «шапкой» - Вашим именем, текстом внутри – информацией о том где Вы учитесь (колледж, группа…)
Задание 2. (2 страница) Выделить цветом слово «колледж» – красным, «группа» - черным. Задайте цвет страницы – коричневый.
Задание 3 (3 страница) Сделайте так, чтобы весь цвет текст на Вашей странице был синим, кроме номера школы (номер –белый)
Цвет страницы – черный
11 слайд
Начертания и эффекты текста
Пример 1. Жирный курсивный текст
Результат в браузере:
"Привет" – мое приветствие.
Запись в коде:
<b><i>"Привет"</i></b> – мое приветствие.
Пример 2. Создание нижнего индекса
Результат в браузере:
Формула серной кислоты: H2SO4
Запись в коде:
<b>Формула серной кислоты:</b> <i>H<sub>2</sub>SO<sub>4</sub></i>
12 слайд
Задание 4
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
<BODY>
Это моя первая страница
</BODY>
</HTML>
13 слайд
Кодировка текста
Для операционной системы Windows и кириллицы используется кодировка текста (данных) windows-1251.
14 слайд
Задание 5
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
<META="text/html; charset=windows-1251" http-equiv="content-type">
</HEAD>
<BODY>
Это моя первая страница
</BODY>
</HTML>
Рабочие листы
к вашим урокам
Скачать
6 665 120 материалов в базе
Настоящий материал опубликован пользователем Алферова Галина Максимовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Мини-курс
3 ч.
Мини-курс
3 ч.
Мини-курс
5 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.