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

Презентация:



Advertisements
Похожие презентации
Язык разметки гипертекста HTML Учитель информатики МОУ СОШ 5 г.Сегежи В.В.Меньшиков.
Advertisements

Язык разметки гипертекста HTML. Язык разметки гипертекстовых документов HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Web-страницы и Web-сайты. Структура Web- страницы.
Коммуникационные технологии Тема: Язык разметки гипертекста HTML.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
Язык разметки гипертекста HTML Hyper Text Markup Language.
Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Основы языка HTML или с чего я начинала создавать WEB-страницу.
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
Уроки сайтостроения «Структура html- документа». Что такое Интернет? Интернет, словно город, состоит из домиков – сайтов, которые, в свою очередь, состоят.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Основы языка HTML: тэги, атрибуты тэгов, комментарии.
Транксрипт:

2012 год

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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