Основы HTML

HTML  (Hyper Text Markup Language)

язык разметки гипертекста Web-страницы

Программы для создания HTML – файлов:

Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.)

Шаблоны

Программы-преобразователи

Программы для просмотра Web - страниц

Microsoft Internet Explorer
Netscape Communicator
The Bat!
Opera и т.д.

Программы для создания HTML – файлов:

Блокнот
(для создания страницы)
Internet Explorer
(для интерпретации файлов)

Гипертекст – это текст, содержащий специальные разметочные теги.

Теги (tag – ярлык, признак) – инструкции браузера, указывающие способ отображения текста.

Пример тега

Типы тегов

Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия)

Непарные

Категории тегов

Структурные теги
Теги символов
Теги форматирования абзацев
Теги оформления списков данных
Теги логического форматирования текста
Теги физического форматирования текста

Структура HTML - документа

начинает описание HTML - файла

Раздел заголовка
Содержательная часть

Раздел заголовка

Начинается тегом
Заканчивается тегом
Mежду данными тегами располагается тег (этот тег используется для задания названия документа)

Раздел содержательной части

Начинается тегом
Заканчивается тегом
(между которыми располагается содержимое
HTML - документа)

Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

Это тело HTML – документа. Здесь можно разместить всё, что угодно.

Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

Теги символов

Теги логического форматирования
текста
Теги физического форматирования
текста

Теги логического форматирования текста

Теги физического форматирования текста

используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег

Пример использования тега :

МКОУ «Глядянская средняя общеобразовательная школа»

Пример использования тега :

Тег

позволяет изменить шрифт

Параметры тега

FACE (задаёт название шрифта, которым
будет выводится текст)
SIZE (задаёт размеры шрифта в условных
единицах от 1 до 7)
COLOR (устанавливает цвет шрифта,
который может задаваться с
помощью стандартных имён или
набором шестнадцатеричных цифр)

Задание цвета на языке HTML

Шестнадцатеричные значения
(цветовая система базируется на трёх основных цветах – красном, зеленом и синем – обозначается RGB)
Например: #000000, #0000FF, #FF0000,
#FFFFFF
Мнемонические обозначения
(название цвета)
Например: Red, White, Blue, Green

Пример использования параметра Color:

Примеры использования параметров тега :

Тег

используется для указания размера,
типа и цвета шрифта по умолчанию

Примеры использования  тега :

Шрифт по умолчанию размера 3


Шрифт размера 2


Шрифт размера 4, цвет оливковый

Пример использования параметра Color c тегом :

тег «параграф», отделяет абзац
друг от друга

Примеры использования  тега

:

Выравнивание по ширине окна

Тег

отображение горизонтальной линии

Пример использования  тега

Тег

для разметки заголовков (

,

,

,

,

,

)

Вставка пробелов и специальных символов

 
"
±
²

Список использованной литературы

Информатика. 7 – 9 класс. Базовый курс. Практикум по информационным технологиям /Под ред. Н.В.Макаровой. – СПб.: Питер, 2006.
А.А. Медведев. Основы HTML: Учебное пособие для средних учебных заведений. – Курган: Изд-во Курганского ИПКРО, 2002.
Изображения http://www.xard.ru/post/18613/