2012 год. Используем язык разметки HTML для создания Web-страницы Язык HTML состоит из специальных разметочных указателей тег (от английского слова tag). - презентация

1 2012 год

2 Используем язык разметки HTML для создания Web-страницы Язык HTML состоит из специальных разметочных указателей тег (от английского слова tag). тег – это инструкция браузеру, указывающая способ отображения текста.

3 На рабочем столе создать папку Открыть папку Создать текстовый документ Открыть(с помощью) БЛОКНОТ Добавить текст Купание Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу.

4 . Обрамляем текст парными тегами Указывает браузеру, что далее следует HTML-файл. Тег обрамляет документ – весь текст должен находиться внутри этого тега. Голова HTML-файла, состоящая из нескольких частей, основной из которых является заголовок окна. Тег окна заголовка. Пишется внутри тега Тело HTML-файла. Внутри тега пишется то, что будет доступно в области просмотра браузера.

5 Купание Купание Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу.

6 Сохранить как Тип файла все файлы Имя файла stix.HTML Сохранить Сохраним нашу страницу в текстовом формате Получаем Web-страницу

7 Оформляем текст с переходом на новую строку. Используем непарный тег Купание Купание Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Не забудьте сохранить файл и обновить страницу Открываем Web-страницу (с помощью) БЛОКНОТ

8 Добавим в тег дополнительные атрибуты Сделаем страницу цветной: bgcolor=C6D6F8 Сделаем текст цветным: Text=225394

9 Купание Купание Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Открываем Web-страницу (с помощью) БЛОКНОТ Не забудьте сохранить файл и обновить страницу

10 Сделаем заголовок стихотворения крупнее. Для этого воспользуемся парным тегом. Купание Купание Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Открываем Web-страницу (с помощью) БЛОКНОТ Не забудьте сохранить файл и обновить страницу

11 Купание Купание Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Расположим текст по центру Добавим парный тег Не забудьте сохранить файл и обновить страницу Открываем Web-страницу (с помощью) БЛОКНОТ

12 Название стихотворения расположим на бегущей строке: Зададим парный тег Добавим в него атрибуты: Текст перемещается по бегущей строке от одного края к другому behavior=ALTERNATE Длина бегущей строки width=350 Ширина бегущей строки height=40 Цвет бегущей строки bgcolor=yellow

13 Купание Купание. Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Не забудьте сохранить файл и обновить страницу Открываем Web-страницу (с помощью) БЛОКНОТ

14 Изменим вид каждой строки с помощью парных тегов: Размер шрифта ………….. Увеличение величины текста от 6 1 Вид шрифта полужирный курсив

15 Купание Купание. Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Не забудьте сохранить файл и обновить страницу Открываем Web-страницу (с помощью) БЛОКНОТ

16 Расположим строки по центру Добавим парный тег Купание Купание. Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Не забудьте сохранить файл и обновить страницу Открываем Web-страницу (с помощью) БЛОКНОТ

17 Добавим картинку. Используем непарный тег В тег добавим атрибуты : Адрес картинки 21gif Размер width=200 height=200 Расположим картинку по центру Используем парный тег

18 Купание Купание. Сколько пены, посмотрите! Море плещется в корыте. Мы помоем чисто уши, А потом пойдём на сушу. Не забудьте сохранить файл и обновить страницу Открываем Web-страницу (с помощью) БЛОКНОТ

19