Презентация на тему Язык HTML

Здесь Вы можете изучить и скачать урок презентацию на тему Язык HTML бесплатно. Доклад-презентация для класса на заданную тему содержит 74 слайдов. Для просмотра воспользуйтесь проигрывателем, если презентация оказалась полезной для Вас - поделитесь ей с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!
Презентации» Информатика» Презентация на тему Язык HTML
500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500500

Скачать

Слайды и текст этой презентации
Слайд 1
Описание слайда:
Начальные сведения

Слайд 2
Описание слайда:
Язык HTML

Слайд 3
Описание слайда:

Слайд 4
Описание слайда:

Слайд 5
Описание слайда:

Слайд 6
Описание слайда:

Слайд 7
Описание слайда:

Слайд 8
Описание слайда:

Слайд 9
Описание слайда:
Графические форматы 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>

Слайд 45
Описание слайда:
<html> <head> <title>Практическая работа 4 Фамилия </title> </head> <body> <h1> Роман</h1> <h2> Книга</h2> <h3> Том</h3> <h4> Часть</h4> <h5> Глава</h5> <h6> Параграф</h6> </body> </html>

Слайд 46
Описание слайда:

Слайд 47
Описание слайда:
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 можно ниже:

Похожие презентации