Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.

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



Advertisements
Похожие презентации
Форматирование текста на Web- странице. Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа.
Advertisements

Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
HTML. Первые шаги.
Подготовил и провел Учитель информатики МОУ СОШ 36 г.Липецка Ефремов М.С.
Hyper Text Markup Language Язык разметки гипертекста.
© М.Е.Макарова
Знакомство с языком HTML Гипертекст – это электронный документ, который содержит гиперссылки на другие документы. Гипертекстовый документ предназначен.
(HyperText Markup Language) – язык гипертекстовой разметки.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
(HyperText Markup Language) – язык гипертекстовой разметки.
Web-страницы и Web-сайты. Структура Web- страницы.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Автор: Пилишкина Надежда Васильевна. HTML (Hyper Text Markup Language) «Язык гипертекстовой разметки» «Многомерный» текстовый документ, в котором установлены.
был разработан британским учёным Тимом Бернерсом-Ли приблизительно в годах. это язык разметки гипертекста.
1.Парные (контейнер): … Закрывающий тэг содержит «/» 2. Одиночные:
Создание сайта. 1. Первый документ Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать ! :)
2 Стили оформления текста жирный ( bold ) Вася курсив ( italic ) Вася подчеркивание ( underline ) Вася зачеркивание ( strike out ) Вася верхний индекс.
HTML Учебник для «чайничков». Что означают эти буквы? HTML Hyper Text Markup Language HTML Язык гипертекстовой разметки.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Язык разметки гипертекста HTML Hyper Text Markup Language.
Транксрипт:

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать! Структура HTML-документа

Заголовок документа – теги и Тег … заключает в себе теги заголовка. 1.Тег … содержит слова, которые появляются в стоке заголовка браузера Мой первый шаг 2. Дополнительные теги заголовка: - содержит дополнительные данные о документе, используемые поисковыми серверами; и - определяют базовый адрес документа и некоторые другие

Параметры тега Bgcolor – изменяет цвет фона. Цвет задается словом или кодом RGB Text – задает цвет текста. Background – помещает в качестве фона изображение из файла с картинкой. Bgproperties = fixed – фоновый рисунок не прокручивается вместе со страницей. Link – задает цвет гиперссылок, по которым пользователь еще «не ходил». Vlink – задает цвет посещенных гиперссылок. Alink – цвет активной гиперссылки (под курсором мышки во время нажатия)

Оформление текста Заголовки Существует 6 уровней заголовков:..., …,... Атрибут – align – выравнивание Значения: Left (по умолчанию) Right Centr Title 1 Title 2 Title 3 Title 4 Title 5 Title 6

теги физических стилей … Полужирный шрифт … Увеличенный шрифт … Курсив … Уменьшенный шрифт … Подчеркивание … Верхний индекс … Зачеркнутый шрифт … Нижний индекс … Стиль печатной машинки … Мерцающий текст (в Internet Explorer) Можно комбинировать теги стилей: Полужирный курсив

Изменение шрифта тег … - изменяет размер, цвет и стиль текста. Атрибуты: size - размер шрифта 1-7. По-умолчанию size=3 Размер изменяется на 20%: 4 размер больше 3 на 20%, 5 размер больше 4 на 20% size=4 – абсолютный размер, size= +1 – относительный (на 1 больше, чем базовый размер шрифта) color - цвет текста, face - название шрифта face="Comic Sans MS, Courier New

Мой второй шаг Это обычный шрифт Это измененный шрифт Это снова обычный шрифт

Создание WEB-страниц в блокноте. В своей папке создать отдельную папку для файлов сайта. Открыть программу БЛОКНОТ. Написать в нем текст WEB-страницы. Сохранить этот текст в этой папке под любым именем с расширением.html. Перейти в эту папку. Документ должен иметь значок или Открыть этот документ. (Откроется программа-браузер). Если нужно внести изменения в документ, то выполнить команду ВИД Просмотр HTML-кода (Исходный текст). Текст WEB-страницы откроется в блокноте. Внести в текст изменения. Сохранить его (Ctrl+S), перейти в программу-браузер и нажать кнопку ОБНОВИТЬ.