HTML Учебник для «чайничков» - скачать презентацию

Нажмите для полного просмотра!

HTML Учебник для «чайничков» , слайд №10

HTML Учебник для «чайничков» , слайд №11

HTML Учебник для «чайничков» , слайд №12

HTML Учебник для «чайничков» , слайд №13

HTML Учебник для «чайничков» , слайд №14

HTML Учебник для «чайничков» , слайд №15

HTML Учебник для «чайничков» , слайд №16

HTML Учебник для «чайничков» , слайд №17

HTML Учебник для «чайничков» , слайд №18

HTML Учебник для «чайничков» , слайд №19

HTML Учебник для «чайничков» , слайд №20

HTML Учебник для «чайничков» , слайд №21

HTML Учебник для «чайничков» , слайд №22

HTML Учебник для «чайничков» , слайд №23

HTML Учебник для «чайничков» , слайд №24

HTML Учебник для «чайничков» , слайд №25

HTML Учебник для «чайничков» , слайд №26

HTML Учебник для «чайничков» , слайд №27

HTML Учебник для «чайничков» , слайд №28

HTML Учебник для «чайничков» , слайд №29

Содержание ▲

Вы можете ознакомиться и скачать HTML Учебник для «чайничков» . Презентация содержит 29 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

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

HTML Учебник для «чайничков»

Слайд 2

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

Что означают эти буквы?

Слайд 3

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

Не раз загружали мы, WEB-страничку… Именно язык гипертекстовой разметки HTML, ответственен за появление многих чудесных WEB-страничек, WEB-сайтов, наполненных текстами, картинками, звуками, анимацией, видеоклипами, ссылками… Именно он определяет: содержание, внешний вид, направленность странички.

Слайд 4

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

Что такое HTML- файл?

Слайд 5

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

Что такое тэги? Тэг - это имя (специальное слово), написанное на английском языке, заключенное в угловые скобки. Например: <html>, <br>

Слайд 6

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

Создание личных страничек Обычно сайт создается на локальном компьютере, а затем, когда он готов для публикации, копируется на Web-сервер Создать Моих документах Папку под названием My_Site_Petrov

Слайд 7

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

Структура Чтобы наши вещи не терялись, мы их раскладываем по полочкам. Чтобы точно знать где графика, звуки, тексты мы будем придерживаться следующей структуры.

Слайд 8

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

В каких средах работаем? Чтобы написать HTML- код необходимо открыть приложение Блокнот (текстовый редактор) Пуск, Программы, Стандартные, Блокнот Сохранить HTML- код так, чтобы страницу можно было просмотреть в Web-браузере: Файл, Сохранить как (появится диалоговое окно) Где? В вашей папке сайта My Site Имя файла? «index.html» Сохранить

Слайд 9

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

Браузер - программа для просмотра Web-страниц.

Слайд 10

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

Структура HTML - страницы <html> <head> </head> <body> </body> </html>

Слайд 11

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

Заголовочная часть <head> </head>

Слайд 12

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

Слайд 13

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

Основная часть <body> <h1>Мы приветствуем Вас!</h1> </body>

Слайд 14

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

Слайд 15

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

Основная часть <body> <h1>Мы приветствуем Вас!</h1> <h2>В путь</h2> </body>

Слайд 16

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

Слайд 17

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

Слайд 18

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

Другие ТЭГИ … <br> - добавление переноса строки <b> - полужирный </b> <i> - курсив </i> <p align=“center”> - центрирование абзаца

Слайд 19

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

Другие ТЭГИ … <img src=“image/pit.jpg”> - добавление изображения <body background=“fon/sneg.jpg”> - добавление фонового изображения

Слайд 20

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

Другие ТЭГИ … <marquee> - добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать поведение движения текста Behavior (поведение) scroll (прокрутка) alternate (чередование) slide (скольжение) ПО умолчанию устанавливается scroll

Слайд 21

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

Другие ТЭГИ … <marquee> - добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать направление движения текста Direction (направление) left (ПО умолчанию) (влево) right (вправо) up (вверх) down (вниз)

Слайд 22

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

Другие ТЭГИ … <marquee> - добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать цвет фона движущегося текста Bgcolor (цвет фона движущейся строки) red сyan Любой цвет

Слайд 23

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

Другие ТЭГИ … <marquee> добавление движущегося </marquee> текста Но вы должны указать атрибуты, то есть описать цикл прокрутки движущегося текста Loop (цикл) сyan infinite (бесконечный) «2» «3» «4»

Слайд 24

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

<marquee behavior=“scroll” direction=“left” bgcolor=“сyan” loop=“infinite”> Привет</marquee>

Слайд 25

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

Слайд 26

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

Сочетания клавиш помогут вам работать быстрее Ctrl + A – выделить всё Ctrl + S – сохранить Ctrl + V – вставить Alt + Tab – смена активного документа

Слайд 27

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

Замечания!!! Можно писать в любом реестре, но придерживаться выбранного вами стиля. =« » - этот набор знаков указывает на путь до нужного объекта (картинки, документа) После каждой строки тэгов нажми клавишу «ENTER»