Рабочие листы
к вашим урокам
Скачать
1 слайд
HTML
8 класс
2 слайд
Создание первой страницы html
Открываем notepad++
Файл -> Сохранить как… (File ->Save as…)
Имя файла – index.html (выбираем тип файла Hyper Text Markup Language)
3 слайд
Структура html-страницы
<html>
<head>
<title>Название страницы</title>
</head>
<body>
Содержимое страницы
</body>
</html>
4 слайд
Атрибуты тега <body>
alink - устанавливает цвет активной ссылки.
background - задает фоновый рисунок на веб-странице.
bgcolor - цвет фона веб-страницы.
bgproperties - определяет, прокручивать фон совместно с текстом или нет.
bottommargin - отступ от нижнего края окна браузера до контента.
leftmargin - отступ по горизонтали от левого края окна браузера до контента.
link - цвет ссылок на веб-странице.
rightmargin - отступ от правого края окна браузера до контента.
scroll - устанавливает, отображать полосы прокрутки или нет.
text - цвет текста в документе.
topmargin - отступ от верхнего края окна браузера до контента.
vlink - цвет посещенных ссылок.
5 слайд
Теги выравнивания
<LEFT> и </LEFT> - выравнивание по левому полю
<RIGHT> и </RIGHT> - выравнивание по правому полю
<CENTER> и </CENTER> - выравнивание по центру
6 слайд
Теги для выделения текста и шрифта
<B> и </B> - теги для выделения текста (слов, букв) жирным шрифтом.
<I> и </I> - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
<U> и </U> - текст, расположенный между двумя этими тегами, будет подчеркнут.
<BLINK> и </BLINK> - текст, расположенный между двумя этими тегами, будет мигать.
<FONT SIZE=n>и</FONT> - теги для изменения размера шрифта (где n - размер шрифта в пикселях px).
<FONT COLOR="#FFFFFF"> и </FONT> - теги для изменения цвета шрифта
7 слайд
Вставка изображений
Вставка изображения в документ <img src="images/A4.jpg" width=300 height=500/>
Вставка изображения на фон
<BODY BACKGROUND="Диск:\путь\имя.jpg">
8 слайд
Таблица
<table>
<tr>
<td>№</td>
<td>Имя</td>
<td >Фамилия</td>
</tr>
<tr>
<td>1</td>
<td>Иван</td>
<td>Иванов</td>
</tr>
<tr>
<td>2</td>
<td>Петр</td>
<td>Петров</td>
</tr>
<tr>
<td>3</td>
<td>Александр</td>
<td>Александров</td>
</tr>
</table>
9 слайд
Параметры тега <TABLE>
BGCOLOR - цвет фона
BORDER - ширина бордюра
WIDHT - ширина таблицы
10 слайд
Ссылки
Простая сылка на документ
<a href="docs/uszn.docx">заявление в УСЗН Ленинского района </a>
Ссылка с отображением файла на сайте
<iframe src= «адрес" style="width:500px; height:440px;" frameborder="0"></iframe>
Гиперсвязь с адресом электронной почты <ADDRESS><A HREF="mailto:nick@mail.ru">nick@mail.ru</ADDRESS>
11 слайд
Списки
<OL>
<LI>Системные программы
<LI>Прикладные программы
<LI>Системы программирования
</OL>
12 слайд
Формы
<FORM>
Пожалуйста, введите ваше имя <BR>
<INPUT TYPE=“text” NAME = “name” SIZE = 30> <BR>
E-mail: <BR>
<INPUT TYPE = “text” NAME = “e-mail” SIZE = 30>
<BR>
</form>
13 слайд
Бегущая строка
<MARQUEE>ТЕКСТ</MARQUEE> - тег, создающий бегущую строку
<MARQUEE DIRECTION="left">TEKCT</MARQUEE> - Если бегущую строку нужно направить справа налево
<MARQUEE DIRECTION="right">TEKCT</MARQUEE> - движение слева направо.
14 слайд
Ресурсы для самостоятельной работы при выполнении проекта
http://htmlbook.ru/ - справочник по HTML
http://html-color-codes.info/Cvetovye-kody-HTML/ - цветовая диаграмма в RGB
Рабочие листы
к вашим урокам
Скачать
6 665 114 материалов в базе
Настоящий материал опубликован пользователем Симонова Наталия Геннадиевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс профессиональной переподготовки
600 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Мини-курс
4 ч.
Мини-курс
6 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.