Разделы презентаций

Язык разметки гипертекста HTML Перед текстом вставим тег

Содержание

С чего начать? 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-х фотографий школы.Скопировать меню на страницы
Теги

Похожие презентации

Турнир знатоков информатики 6-8 класс Турнир знатоков информатики 6-8 класс 252
Информация и информационные процессы Информация и информационные процессы 300
Кодирование и обработка графической информации Кодирование и обработка графической информации 262
Числовая информация Числовая информация 240
Массивы Массивы 480
Палитры цветов в системах цветопередачи Палитры цветов в системах цветопередачи 215
Тест Тест "Компьютерные коммуникации" 9 класс 261
Системы счислений. Понятие, виды, развернутая форма записи числа и ее применение 8 класс Системы счислений. Понятие, виды, развернутая форма записи числа и ее применение 8 класс 327
Элементы управления и пользовательская форма VBA Элементы управления и пользовательская форма VBA 277
Цвет, Название, Форма, Размер предметов Цвет, Название, Форма, Размер предметов 280
Современный урок: проблемы и пути решения Современный урок: проблемы и пути решения 334
Презентация по информатике ко всемирному Дню Интернета Презентация по информатике ко всемирному Дню Интернета 293
Защита информации Защита информации 425
Презентация по разделу Презентация по разделу "Логика" 307
Устройство компьютера Устройство компьютера 409
Тест Тест "Язык разметки гипертекста HTML" 10 класс 292
Создание мультимедийной интерактивной презентации Создание мультимедийной интерактивной презентации 313
Закончи стихотворение Закончи стихотворение 351
Информатика – царица всех наук Информатика – царица всех наук 527
Графический редактор Paint 7 класс Графический редактор Paint 7 класс 260

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

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

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

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

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

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

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