Рабочие листы
к вашим урокам
Скачать
1 слайд
Создание первой веб-страницы
Подготовила: Аубакирова Гульзия Мухийденовна, учитель информатики школы-лицея № 20.
2 слайд
3 слайд
Запускаем Блокнот:
(Пуск-Все программы-Стандартные-Блокнот)
<html>
<title> Моя первая страничка </title>
<body>
Эту страницу я создаю впервые!
</body>
</html>
Сохраните документ
с расширением « .html » или «.htm»
4 слайд
Теги для заголовка
<h1> Заголовок 1 </h1>
<h2> Заголовок 2 </h2>
<h3> Заголовок 3 </h3>
<h4> Заголовок 4 </h4>
<h5> Заголовок 5 </h5>
<h6> Заголовок 6 </h6>
5 слайд
Редактирование сохраненного документа
Откройте документ через Блокнот и внесите изменения:
после команды <body> наберите при помощи новых тегов все 6 видов заголовков.
Снова сохраните документ с нужным расширением.
6 слайд
Изменение фона страницы
Чтобы создать цвет фона страницы, внутри начального элемента <body> указывается атрибут
bgcolor= «цвет».
Например:
<Body bgcolor= «blue»>
7 слайд
Изменение фона страницы
Измените фон своей страницы, попробовав все основные цвета. Оставьте тот, который больше всего понравился.
8 слайд
<html>
<title> Моя первая страничка </title>
<Body bgcolor= «green» >
Эту страницу я создаю впервые!
<h1> Заголовок 1 </h1>
<h2> Заголовок 2 </h2>
<h3> Заголовок 3 </h3>
<h4> Заголовок 4 </h4>
<h5> Заголовок 5 </h5>
<h6> Заголовок 6 </h6>
</body>
</html>
9 слайд
Изменение цвета текста
Для изменения цвета текста используют атрибут text тега <body>:
<body bgcolor=«yellow» text=«blue»>
Измените цвет текста несколько раз, оставьте тот, который больше понравился.
10 слайд
Отображение текста курсивом и жирным шрифтом
Для обозначения курсива используют парный тег <i>...</i>
Для отображения жирным шрифтом использут парный тег <b>...</b>
Например:
<html>
<title>Тестовая страница</title>
<body>
Эта <i>страница </i> является <b> тестовой </b>
</body>
</html>
11 слайд
Форматирование шрифта
<font>...</font> - с помощью данного тега осуществляется изменение внешнего вида текста. Имеет атрибуты:
color - цвет
face - шрифт
size — размер
Изменения вносятся после тега <body> перед основным текстом.
Размер шрифта может принимать значения от 1 до 7, при этом 1 — самый маленький, 7 — самый большой.
12 слайд
Например:
<Font face= «Arial» size=3 color= «blue»> Это шрифт arial размером 3, цвет синий </font>
13 слайд
Благодарю
за внимание
Рабочие листы
к вашим урокам
Скачать
Создание первой веб-страницы.
Основные теги: | |
<html> </html> | Указывает программе просмотра страниц что это HTML документ. |
<head> </head> | Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
<body> </body> | Определяет видимую часть документа |
<title> </title> | Помещает название документа в оглавление программы просмотра страниц |
6 656 205 материалов в базе
Настоящий материал опубликован пользователем Аубакирова Гульзия Мухийденовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Мини-курс
6 ч.
Мини-курс
6 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.