htmlОПЕН

реклама
HTML (от англ. Hypertext Markup
Language — «язык разметки
гипертекста») — это стандартный язык
разметки документов во Всемирной
паутине Internet. Практически все вебстраницы создаются при помощи
HTML.
•Тег – оформленная единица HTML-кода. Располагается
в контейнере. Например, <HEAD>, <FONT ...>, <BODY>,
<HTML> . Теги бывают начальными (открывающими) и
конечными (закрывающими, начинающимися со знака
"/"). </HEAD>, </FONT>. Парными и не парными.
•Элемент – понятие, обозначающее пару тегов и участок
документа между тегами, на который распространяется
их влияние. Например, элемент HEAD состоит из двух
тегов – открывающего <HEAD> и закрывающего
</HEAD>.
•Атрибут – внутренняя часть тега, состоит из:
-имени атрибута, например WIDTH
-знак равенства (=)
-значения атрибута, которое задается строкой
символов, например, "80%".
Создание первой страницы
1. Открыть программу блокнот
2. <HTML> -тег, делающий блокнот вебдокументом. </HTML>
3. <HEAD>- заголовок </HEAD>
4. <TITLE>название </TITLE>
5. <BODY> тело страницы </BODY>
6. Файл Сохранить как…/Имя
файла/index.html
Код самого короткого HTMLдокумента:
В программе блокнот нужно ввести:
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Форматирование текста
•
•
•
•
•
•
•
•
•
•
- <FONT>
Позволяет изменять цвет, размер и тип шрифта
текста
- < I>
Выделяет текст курсивом
- <B>
Выделяет текст жирным шрифтом
- <STRONG>
Усиленное выделение текста (жирным)
- < U>
Выделяет текст подчеркнутым
- < S>,< STRIKE> Выделяет текст перечеркнутым
- <BIG> Отображает текст увеличенным шрифтом
(относительно текущего)
- <SMALL>
Отображает текст уменьшенным
шрифтом (относительно текущего)
- <SUP> Отображает текст со сдвигом вверх (верхний
индекс)
- <SUB> Отображает текст со сдвигом вниз (нижний
индекс)
<FONT>
Атрибуты:
• SIZE – определяет размер шрифта. Возможные
значения: целое число от 1 до 7.
Пример <FONT SIZE =7>
• COLOR – определяет цвет текста. Задается
либо RGB-значением в шестнадцатиричной
системе, либо одним из 16 базовых цветов
Пример <FONT SIZE =7 COLOR=red(или
#000000) >
• FACE - определяет используемый шрифт.
Пример <FONT SIZE =7 COLOR=red(или
#000000 FACE=Times New Roman) >
Текстовые блоки
• <H1>,H2,...H6
Используются для
создания заголовков текста.
• -< P> Используется для разметки
параграфов.
• - <DIV> Отделяет блок HTML-документа
от остальной его части
• -< BR> Осуществляет перевод строки
• - <HR> Вставляет в текст
горизонтальную разделительную линию.
<H1>
Атрибуты:
• ALIGN – определяет способ
выравнивания заголовка по
горизонтали.
Возможные значения: left, right, center.
Например: <H1 ALIGN="center">
Таблица базовых цветов
<P> Используется для разметки параграфов.
Атрибуты:
•ALIGN – определяет способ
горизонтального выравнивания параграфа.
Возможные значения: left, center, right. По
умолчанию имеет значение left.
<P ALIGN="right"> текст </P>
<BODY>
Атрибуты:
• BACKGROUND – определяет изображение для "заливки" фона.
Значение задается в виде полного URL или имени файла с картинкой в
формате GIF или JPG.
• BGCOLOR – определяет цвет фона документа.
• TEXT – определяет цвет текста в документе.
• LINK – определяет цвет гиперссылок в документе.
• ALINK – определяет цвет подсветки гиперссылок в момент нажатия.
• VLINK – определяет цвет гиперссылок на документы, которые вы уже
просмотрели.
Пример:
<HTML>
<BODY BACKGROUND="images/bricks.jpg"
BGCOLOR="#202020"
TEXT="#FFFFFF"
LINK="#FF0000"
VLINK="#505050" >
...
Текст документа.
...
</BODY>
</HTML>
Скачать