< HTML >

Главная Обо мне Юмро. Анекдоты, приколы ... Оставь свою запись в гостевой ... Ссылки на лучшие ресурсы рунета

Hyper Text Markup Language / Язык гиппер текстовой разметки

Таблица спец. символов

Основы HTML

Распространено мнение, что HTML - это не высшая математика, что этот язык логичен и прост.

Это мнение до некоторой степени верно. Основы HTML доступны для большинства людей, так как в нем используется логичный и простой для восприятия синтаксис. Однако чем больше вы будете использовать HTML в качестве инструмента для создания web-страничек, тем более сложным будет становиться язык. Эта сложность особенно в добавлениях, внесенных в HTML, например, создание всторенных сценариев и динамических команд.

Первое правило

Первое правило HTML можно сформулировать так: закрывайте то, что вы открыли. Это относится к тому факту, что большинство тегов HTML требует инструкции с открывающим тегом и соответствующей инструкции с закрывающим тегом, например:

<html></html>

Из этого правила, как и из всех остальных есть исключения. Но несмотря на это, можно смело считать, что HTML довольно последовательный язык.

Основное форматирование страницы

Все страницы HTML форматируются с помощью определенных тегов, которые указывают тип страницы, раздел заголовка, тело документа и название. Ниже приведены теги, которые вы всегда должны использовать на стандартной HTML страничке:

<html>. . .</html> Начальный <html> и конечный </html> теги соответсвенно сообщают броузеру, что страница HTML начинается и заканчивается.

<head>. . .</head> Тег <head> включает информацию типа названия, специальных команд и данных для сценариев.

<title>. . .</title> Тег <title> позволяет присвоить странице название. Хотя теоретически вы можете обойтись без этих тегов, я не советую вам этого делать! Называйте свои страницы соответствующим образом, и пользователи смогут легко определить, где они находятся.

<body>. . .</body> Тег <body> задает основные атрибуты страницы, например:

<body
bgcolor="#rrggbb"
- цвет фона
background="url" - фоновое изображение
link="#rrggbb" - цвет ссылки
alink="#rrggbb" - цвет активной ссылки
vlink="#rrggbb" - цвет пройденной ссылки
text="#rrggbb" - цвет текста
leftmargin="px" - отступ слева
rightmargin="px" - отступ справа
topmargin="px" - отступ сверху
bottommargin="px" - отступ снизу
scroll="no/yes" - полоса прокрутки
>

Пример:<body bgcolor="#000000" text="#ffffff" link="#ffff00" alink="#00c00" vlink="#aaaa00" rightmargin="0" topmargin="0" bottommargin="0" rightmargin="0" scrolling="yes"> Указывать все параметры не обязательно! Если вы не укажете какой-нибудь параметр, тол ему будет присвоенно значение по умолчанию.

Скачать таблицу цветов можно здесь, а посмотреть здесь.

#rrggbb - цвет в RGB: red green blue (красный, зеленый, синий)
px - число пикселей

Стандартная структура HTML станички выглядит следующим образом:

<html>
<head>
<title>. . .</title>
</head>
<body>
. . .
</body>
</html>

Теги форматирования текста
Тег Описание
<b>...</b> Выделение текста жирным шрифтом
<i>...</i> Выделение текста курсивом
<u>...</u> Подчеркивание текста
<strike>...</strike> Перечеркивание текста
<sup>...</sup> Текстверхний индекс
<sub>...</sub> Текстнижний индекс
<h1..6>...</h1..6> Задает размер текста, чем больше число, тем меньше размер Прмер
<font>...</font> Задает параметры шрифта Подробнее ...
<tt>...</tt> Выделение текста печатным шрифтом
<pre>...</pre> Определяет неформатированный текст, особенность в том, что как вы заключите текст между этими тегами, так он и будет отображаться на экране
<p>...</p> Определяет абзац, выделяется пропуском строки, имеет различные параметры, но об этом подробней в разделе CSS
<br> Тег разрыва строки, закрывать его нет необходимости
Здесь я перечислил основные теги для форматирования текста.

[Назад]

Вам нужен не дорогой и качественный сайт или домашняя страничка? Обращайтесь ко мне!
web-дизайн : Гурский Роман Васильевич
e-mail : Rakot87@mail.ru


Хостинг от uCoz