TheSlide.ru

Язык разметки гипертекста HTML

Содержание

1. Язык разметки гипертекста HTML
2. С чего начать?
3. 2 шагОткрыть свою папку.Открыть файл
4. 3 шагВ открывшемся окне «Блокнота» с именем
5. 4 шагПерейти в окно Internet Explorer и
6. 5 шаг Зададим цвет нашей страницы при
7. 6 шагЦвет текста Наберите текст после этого
8. 7 шагНачало нового абзацатексттексттекст
9. Вставка рисунков 8 шагДля вставки изображения используется
10. Создание гиперссылок 9 шагСоздайте 3 новых файла:List1.htmlList2.htmlList3.html[игры] [истории] [новости]
11. Ссылки по изображению 10 шагМеню сайта в виде картинок:
12. Ссылка на главную страницу 11 шаг
13. Создание таблиц 12 шаг
14. Вставка рисунка в ячейку таблицы 13 шаг
15. Вставка бегущей строки и звука
16. Задание на ПКПапка МЕНЮ – ФОТОГАЛЕРЕЯСоздать в
17. Скачать презентанцию

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

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

Слайд 1Язык разметки гипертекста НТМL
Prezentacii.com

Язык разметки гипертекста НТМLPrezentacii.com

Слайд 2С чего начать?

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

своей папке документ с параметрами:
- имя файла:index.html
- тип файла: все файлы
3. Закрыть сохранённый
документ.

С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот)

Слайд 32 шаг
Открыть свою папку.
Открыть файл

с именем index.html
В открывшемся окне программы Internet

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

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

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

программы
на языке HTML.
Сохранить файл
(файл - сохранить).
начало web-документа
конец web-документа

начало

заголовка

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

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

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

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

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

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

в строке
заголовка появится
название новой
web-страницы

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

Слайд 65 шаг
Зададим цвет нашей страницы при помощи тега

BGCOLOR="SILVER">
(название цвета по-английски)
Снова сохраним файл index.
Снова обновим web-страницу.
Фон страницы стал

серым
(silver-серый, серебряный).
Выберите любой цвет
для вашей странички!

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

Слайд 76 шаг
Цвет текста

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

этого тега

Перед текстом вставим тег
Для отделения

текста горизонтальной чертой используется тег

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

Слайд 87 шаг
Начало нового абзаца
текст

текст
текст

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

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

Для

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

bgproperties=“fixed”>
ggfrtgtg www.dweb.ru

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

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

[игры] [

HREF=“List2.html”>истории] [
новости]

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

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

картинки.расширение” alt=“текст" >

“текст"

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

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

alt=“подпись картинки">

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

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

1
2

width="30%"> 3

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

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

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

"alt=“подпись картинки">

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

Слайд 15Вставка бегущей строки и звука

шаг 14

text

!!!!! Между !!!!!

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

Слайд 16Задание на ПК
Папка МЕНЮ – ФОТОГАЛЕРЕЯ
Создать в файле index.html меню

из 3-х фотографий школы.
Скопировать меню на страницы l1.html, l2.html,l3.html.
На каждой

странице сделать фотогалерею в виде таблицы.
Все фото подписать.

Prezentacii.com

Задание на ПКПапка МЕНЮ – ФОТОГАЛЕРЕЯСоздать в файле index.html меню из 3-х фотографий школы.Скопировать меню на страницы

Скачать презентацию

Теги

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно хранить и делиться своими презентациями с другими пользователями.

Для правообладателей