🗊 Язык разметки гипертекста НТМL

Категория: Информатика
Нажмите для полного просмотра!
  
  Язык разметки гипертекста  НТМL  , слайд №1  
  Язык разметки гипертекста  НТМL  , слайд №2  
  Язык разметки гипертекста  НТМL  , слайд №3  
  Язык разметки гипертекста  НТМL  , слайд №4  
  Язык разметки гипертекста  НТМL  , слайд №5  
  Язык разметки гипертекста  НТМL  , слайд №6  
  Язык разметки гипертекста  НТМL  , слайд №7  
  Язык разметки гипертекста  НТМL  , слайд №8  
  Язык разметки гипертекста  НТМL  , слайд №9  
  Язык разметки гипертекста  НТМL  , слайд №10  
  Язык разметки гипертекста  НТМL  , слайд №11  
  Язык разметки гипертекста  НТМL  , слайд №12  
  Язык разметки гипертекста  НТМL  , слайд №13  
  Язык разметки гипертекста  НТМL  , слайд №14  
  Язык разметки гипертекста  НТМL  , слайд №15  
  Язык разметки гипертекста  НТМL  , слайд №16

Вы можете ознакомиться и скачать Язык разметки гипертекста НТМL . Презентация содержит 16 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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


Слайд 1





Язык разметки гипертекста 
НТМL
Описание слайда:
Язык разметки гипертекста НТМL

Слайд 2





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

Слайд 3





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

Слайд 4





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

Слайд 5





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

Слайд 6





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

Слайд 7





6 шаг
Цвет текста 
<body text=“     “>
Наберите текст после этого тега
<h1 align=left right center> Перед текстом вставим тег</h1>
Для отделения текста горизонтальной чертой используется тег
<hr size=10 color=“   “>
Описание слайда:
6 шаг Цвет текста <body text=“ “> Наберите текст после этого тега <h1 align=left right center> Перед текстом вставим тег</h1> Для отделения текста горизонтальной чертой используется тег <hr size=10 color=“ “>

Слайд 8





7 шаг
Начало нового абзаца
<р align=left>текст</p>
Описание слайда:
7 шаг Начало нового абзаца <р align=left>текст</p>

Слайд 9





Вставка рисунков	 		8 шаг
Для вставки изображения используется тег
<img src=“имя _файла.расширение”>
Для выравнивания изображения использовать добавление align
Для вставки фоновой картинки:
<body background=“имя_файла.расширение”>
<body background=“имя_файла.расширение” bgproperties=“fixed”>
ggfrtgtg www.dweb.ru
Описание слайда:
Вставка рисунков 8 шаг Для вставки изображения используется тег <img src=“имя _файла.расширение”> Для выравнивания изображения использовать добавление align Для вставки фоновой картинки: <body background=“имя_файла.расширение”> <body background=“имя_файла.расширение” bgproperties=“fixed”> ggfrtgtg www.dweb.ru

Слайд 10





Создание гиперссылок   9 шаг
Создайте 3 новых файла:
List1.html
List2.html
List3.html
<p align=“center”>
[<a href=“List1.html”>игры</a>]&nbsp[
<a HREF=“List2.html”>истории</a>] &nbsp[
<a HREF=“List3.html”>новости</a>]</p>
Описание слайда:
Создание гиперссылок 9 шаг Создайте 3 новых файла: List1.html List2.html List3.html <p align=“center”> [<a href=“List1.html”>игры</a>]&nbsp[ <a HREF=“List2.html”>истории</a>] &nbsp[ <a HREF=“List3.html”>новости</a>]</p>

Слайд 11





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

Слайд 12





Ссылка на главную страницу 11 шаг
<a href =“index.html”><img src=“имя картинки.расширение” alt=“подпись картинки"></a>
Описание слайда:
Ссылка на главную страницу 11 шаг <a href =“index.html”><img src=“имя картинки.расширение” alt=“подпись картинки"></a>

Слайд 13





 Создание таблиц      12 шаг
<table border="1" width="90%">
<tr>   
  <td width="30%">  1  </td>
  <td width="30%">  2  </td>
  <td width="30%">  3  </td>
</tr>  
</table>
Описание слайда:
Создание таблиц 12 шаг <table border="1" width="90%"> <tr> <td width="30%"> 1 </td> <td width="30%"> 2 </td> <td width="30%"> 3 </td> </tr>   </table>

Слайд 14





Вставка рисунка в ячейку таблицы 13 шаг
<td width="30%">
 <img src="fon_4.jpg "alt=“подпись картинки"> 
</td>
Описание слайда:
Вставка рисунка в ячейку таблицы 13 шаг <td width="30%"> <img src="fon_4.jpg "alt=“подпись картинки"> </td>

Слайд 15





Вставка бегущей строки и звука                                шаг 14
<marquee behavior= “FAST”> text </marquee>
<bgsound src=“название.расширение” loop= “10” volume=”-1000” balanse= “-2500” >
              !!!!! Между <head> </head>!!!!!
Описание слайда:
Вставка бегущей строки и звука шаг 14 <marquee behavior= “FAST”> text </marquee> <bgsound src=“название.расширение” loop= “10” volume=”-1000” balanse= “-2500” > !!!!! Между <head> </head>!!!!!

Слайд 16





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



Похожие презентации
Mypresentation.ru
Загрузить презентацию