Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

Яндекс.Метрика

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

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

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

С чего начать?     1 шаг 1. Запустить

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

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






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

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

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

окне программы Internet 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 шагЦвет текста Наберите текст после этого тега Перед текстом вставим

текст после этого тега

Перед текстом

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



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

текст
текст

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

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

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

src=“имя _файла.расширение”>
Для выравнивания изображения использовать добавление align
Для вставки фоновой

картинки:


ggfrtgtg www.dweb.ru

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

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

align=“center”>
[игры] [
истории]  [
новости]


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

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

картинок:

HREF=“l2.html”> “текст"
“текст"


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

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

src=“имя картинки.расширение” alt=“подпись картинки">


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

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

width="90%">

1

2
3
 


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


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

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


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

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

шаг 14

text



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


  • Имя файла: yazyk-razmetki-giperteksta-html.pptx
  • Количество просмотров: 164
  • Количество скачиваний: 0