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

Содержание

Слайд 2

С чего начать? 1 шаг

1. Запустить «Блокнот» (пуск-стандартные-блокнот)
2. Сохранить в

С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в
своей папке документ с параметрами:
- имя файла:index.html
- тип файла: все файлы
3. Закрыть сохранённый
документ.

Слайд 3

2 шаг

Открыть свою папку.
Открыть файл с именем index.html
В открывшемся окне программы Internet

2 шаг Открыть свою папку. Открыть файл с именем index.html В открывшемся
Explorer вызвать контекстное меню ( щёлкнуть правой кнопкой мыши в рабочем поле окна)
Выбрать команду:
Просмотр html кода

Слайд 4

3 шаг

В открывшемся окне
«Блокнота»
с именем index
набрать текст
программы
на

3 шаг В открывшемся окне «Блокнота» с именем index набрать текст программы
языке HTML.
Сохранить файл
(файл - сохранить).

начало web-документа

конец web-документа

начало заголовка

конец заголовка

текст заголовка

Структурные парные теги

Тег – инструкция браузеру

Слайд 5

4 шаг

Перейти в окно Internet Explorer и обновить страницу.
После этого в строке

4 шаг Перейти в окно Internet Explorer и обновить страницу. После этого
заголовка появится
название новой
web-страницы

Слайд 6

5 шаг

Зададим цвет нашей страницы при помощи тега
(название цвета

5 шаг Зададим цвет нашей страницы при помощи тега (название цвета по-английски)
по-английски)
Снова сохраним файл index.
Снова обновим web-страницу.
Фон страницы стал серым
(silver-серый, серебряный).
Выберите любой цвет
для вашей странички!

Слайд 7

6 шаг

Цвет текста

Наберите текст после этого тега

6 шаг Цвет текста Наберите текст после этого тега Перед текстом вставим
center> Перед текстом вставим тег
Для отделения текста горизонтальной чертой используется тег


Слайд 8

7 шаг

Начало нового абзаца
<р align=left>текст


<р align=right>текст


<р align=center>текст


7 шаг Начало нового абзаца текст текст текст

Слайд 9

Вставка рисунков 8 шаг

Для вставки изображения используется тег

Для выравнивания изображения

Вставка рисунков 8 шаг Для вставки изображения используется тег Для выравнивания изображения
использовать добавление align
Для вставки фоновой картинки:


ggfrtgtg www.dweb.ru

Слайд 10

Создание гиперссылок 9 шаг

Создайте 3 новых файла:
List1.html
List2.html
List3.html


[игры] [
истории]  [
новости]


Создание гиперссылок 9 шаг Создайте 3 новых файла: List1.html List2.html List3.html [

Слайд 11

Ссылки по изображению 10 шаг

Меню сайта в виде картинок:

Ссылки по изображению 10 шаг Меню сайта в виде картинок:

Слайд 12

Ссылка на главную страницу 11 шаг

“подпись

Ссылка на главную страницу 11 шаг

Слайд 13

Создание таблиц 12 шаг




Создание таблиц 12 шаг 1 2 3 Одна строка, в ней 3 столбца 30+30+30=90%


 
1 2 3

Одна строка, в ней 3 столбца
30+30+30=90%

Слайд 14

Вставка рисунка в ячейку таблицы 13 шаг


“подпись

Вставка рисунка в ячейку таблицы 13 шаг


Слайд 15

Вставка бегущей строки и звука шаг 14

text

Вставка бегущей строки и звука шаг 14 text !!!!! Между !!!!!
loop= “10” volume=”-1000” balanse= “-2500” >
!!!!! Между !!!!!