Графические форматы
GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256.
JPEG (JPG) - Joint Photography Experts Group.
Этот формат допускает сохранение изображений, содержащих миллионы цветов.
Слайд 10
Описание слайда:
Что могут содержать Web-страницы:
Слайд 11
Описание слайда:
Слайд 12
Описание слайда:
Слайд 13
Описание слайда:
Слайд 14
Описание слайда:
Слайд 15
Описание слайда:
HTML - теги
Слайд 16
Описание слайда:
Назначение HTML-тегов
Форматирования текста;
Описания кадров и форм;
Форматирования таблиц и списков;
Организации ссылок на другие ресурсы;
Вставки изображений и расширений HTML.
Слайд 17
Описание слайда:
<HTML>
Слайд 18
Описание слайда:
Слайд 19
Описание слайда:
Слайд 20
Описание слайда:
<HTML>
Слайд 21
Описание слайда:
Слайд 22
Описание слайда:
Слайд 23
Описание слайда:
Форматирования текста
Слайд 24
Описание слайда:
Слайд 25
Описание слайда:
Названия цветов и значения RGB
Слайд 26
Описание слайда:
Слайд 27
Описание слайда:
Слайд 28
Описание слайда:
Слайд 29
Описание слайда:
Слайд 30
Описание слайда:
Слайд 31
Описание слайда:
Слайд 32
Описание слайда:
Слайд 33
Описание слайда:
Слайд 34
Описание слайда:
Форматирования заголовков
<h1>тест</h1> тест
<h2>тест</h2> тест
<h3>тест</h3> тест
<h4>тест</h4> тест
<h5>тест</h5> тест
<h6>тест</h6> тест
Слайд 35
Описание слайда:
Слайд 36
Описание слайда:
Слайд 37
Описание слайда:
Разбивка на абзацы
<P>текст </P> - новый абзац, можно использовать только начальный тег, т.к. следующий элемент <p> обозначает не только начало следующего абзаца, но и конец предыдущего
тест<BR>тест - перенос текста на новую строку без абзацного отступа
тест
тест
тест<HR>тест разделительная линия
тест
тест
Слайд 38
Описание слайда:
Параметры тега HR
Слайд 39
Описание слайда:
Слайд 40
Описание слайда:
Слайд 41
Описание слайда:
Слайд 42
Описание слайда:
Слайд 43
Описание слайда:
Слайд 44
Описание слайда:
1. Создайте новую страницу в редакторе блокнот.
2. В элемент <title> укажите «Практическая работа 3» и вашу фамилию.
3. Отформатируйте текст по заданию:
<html>
<head>
<title>Практическая работа3 Фамилия </title>
</head>
<body>
<font size=1 color=#ff0000 > Каждый </font>
<font size=2 color=#ff9900 > охотник </font> <font size=3 color=#ffff00 > желает </font>
<font size=4 color=#00ff00 > знать, </font>
<font size=5 color=#00ccff > где </font>
<font size=6 color=#0000ff > сидит </font>
<font size=7 color=#ff00ff > фазан </font>
</body>
</html>
html>
<head>
<title> 1 способ форматирования </title>
</head>
<body>
<font size=4 color=#ff0000 >
<b><I> <p>Уж небо осенью дышало. </p>
<p> Все реже солнышко блистало. </p>
<p> Короче становился день. </p>
</I></b></font>
</body>
</html>
Слайд 48
Описание слайда:
html>
<head>
<title>2 способ форматирования </title>
</head>
<body>
<font size=4 color=#ff0000 >
<p align=center><b><I>
Уж небо осенью дышало. <br>
Все реже солнышко блистало. <br>
Короче становился день. <br>
</I></b</p>
></font> </body>
</html>
Слайд 49
Описание слайда:
html>
<head>
<title>3 способ форматирования </title>
</head>
<body>
<pre>< <font size=4>
Уж небо осенью дышало.
Все реже солнышко блистало.
Короче становился день.
></font> </pre>
</body>
</html>
Слайд 50
Описание слайда:
Бегущая строка
<MARQUEE>…</MARQUEE>
Параметры:
BGCOLOR- фоновый цвет плашки
WIDTH HEIGHT -ширина и высота плашки
LOOP -количество повтороений (INFINITE - непрерывно)
SCROOLLAMOUNT-скорость прокручивания, на котором строка смещается при каждом шаге прокрутки в пикселях
SCROOLLDELAY- задает задержку в миллисекундах между шагами прокрутки
DIRECTION-указывает напрвление прокрутки
BEHAVIOR=SCROOLL -напрвление слева направо
BEHAVIOR=SLIDE - напрвление справа налево
Слайд 51
Описание слайда:
Пример бегущей строки
<MARQUEE BEHAVIOR=ALTERNATE DIRECTION=RIGHT LOOP=5 SCROOLLAMOUNT=3 SCROOLLDELAY=100 WIDTH=50% HEIGHT=150 BGCOLOR=“#F0F000” HSPACE=10 VSPACE=10>
<BR>
<TABLE WIDTH=300 BORDER=1 BGCOLOR=“FFF0DE”>
<TR>
<TD ALIGN=CENTER VALIGN=MIDDLE WIDTH=100>
</TD>
<TD ALIGN=CENTER VALIGN=MIDDLE>
<FONT COLOR=“RED”> НАЗВАНИЕ ФИРМЫ<BR> ПРИХОДИТЕ ПОЖАЛУЙСТА!</B></FONT>
</TD>
</TR>
</TABLE>
</MARQUEE>
Строка пять разпроплывает вправо-влево, затем останавливается возле правого края желтой плашки
Слайд 52
Описание слайда:
Слайд 53
Описание слайда:
Маркированные списки
<ul>
<li>первый элемент</li>
<li>второй элемент</li>
</ul>
Результат:
первый элемент
второй элемент
Слайд 54
Описание слайда:
Нумерованные списки
<ol>
<li>первый элемент</li>
<li>второй элемент</li>
</ol>
1. первый элемент
2. второй элемент
Слайд 55
Описание слайда:
Слайд 56
Описание слайда:
Списки определений
<dl>
<dt>Термин</dt>
<dd>Определение</dd>
</dl>
Результат:
Термин
Определение
Слайд 57
Описание слайда:
Слайд 58
Описание слайда:
Слайд 59
Описание слайда:
Слайд 60
Описание слайда:
Слайд 61
Описание слайда:
Слайд 62
Описание слайда:
Слайд 63
Описание слайда:
<P align=center><IMG src="pic.gif" ></p> рисунок в центре, текст сверху и снизу
<P align=center><IMG src="pic.gif" ></p> рисунок в центре, текст сверху и снизу
<P align=justify><IMG src="pic.gif" align=left> </p> рисунок слева
<P align=justify><IMG src="pic.gif" align=right> </p> рисунок справа
Слайд 64
Описание слайда:
Слайд 65
Описание слайда:
Слайд 66
Описание слайда:
Слайд 67
Описание слайда:
Слайд 68
Описание слайда:
Слайд 69
Описание слайда:
Слайд 70
Описание слайда:
Слайд 71
Описание слайда:
Слайд 72
Описание слайда:
Слайд 73
Описание слайда:
Слайд 74
Описание слайда:
Презентацию на
тему Язык HTML можно скачать бесплатно ниже: