Форум АНТИЧАТ - Что-то типа статьи по Html.

Интро (своего рода).
Я не знаю можно ли это назвать статьей, поэтому решил создать тему в «болталке».
__________________________
Вот открылась страница, а там:
Красивый фон, разноцветный текст, уйма ссылок, меню сайта и т. д.
И ты, наверное, не раз задавал себе такой вопросец:
«Как - же такое чудо создаётся? :confused: »
Такой вопрос задал себе и я.
Когда я задавал этот вопрос знающим людям, они мне отвечали:
«Да в блокноте!» :p
Я не верил своим ушам, оказалось и вправду в блокноте.
Да – да в обычной преклонной программе – «Блокнот».
Конечно, есть всякие крутые программы (HTML – редакторы), в них гораздо удобней создавать HTML страницы.
Вот пример:
Текст ровнять не тэгами, а визуально, это гораздо легче!!!
Но если визуально всё делать, то ты не когда не узнаешь не один HTML тэг.
Это моё скромное мнение, но я считаю так:
Изучи основы, структуру документа и т. д.
А потом берись за HTML – редакторы.
В этой статье ты не узнаешь, как сделать сайт с матерой WEB – графикой, в этой статье, просто азы.

Приступим.

Сперва давай разберёмся, что такое HTML?
HTML HyperText Markup Language - язык разметки гипертекстовых документов.
HTML - основной способ передачи инфы по Инету.
Форматируется тэгами.
Особенность HTML – использует гиперсвязи. То есть, возможны ссылки на другие документы.
В HTML документ, возможно вставить изображений, звуки, видео.
Для просмотра HTML страниц используется браузер.
Ну вот, теперь ты знаешь, что такое HTML.

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

<html>
<head>
<title>Вот моя страница</title>
</head>
<body>
</body>
</html>

<html></html> - этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:
<head> </head> - голова документа.
<body> </body> - тело документа.
<title></title> - заголовок.

Все тэги, расположенные между <head> </head> - служебная информация.
Между этими тэгами, заголовок, фон, звуки, видео т. д.
Все тэги, расположенные между <body> </body> - содержание документа.
Между этими тэгами, содержание документа, текст, информация и т. д.
Обрати внимание.
Каждый открытый тэг, должен обязательно быть закрытым.
Пример:
<тэг> </тэг>
<тэг> - отрытый тег.
</тэг> - закрытый тег.

Сейчас будешь красить текст.
Для этого нужна палитра, её можно взять здесь(АНТИЧАТ, не прими за рекламу).

Или найдёшь сам.
Давай напишем текст на нашей странички, и закрасим его каким ни будь цветом:

<html>
<head>
<title>Вот моя страница</title>
</head>
<font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<body>
</body>
</html>

Тэг <font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта, но об этом чуть позже.
Я закрасил зелёным (мой любимый цвет).
Сохраняем страницу и смотрим.
Вот ещё один тэг, задающий цвет текста:

<body text="#336699">

Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font>. Если цвет текста в <body> не задавать, то по умолчанию он будет черным.

Пример:

<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699">
<font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!!
<body>
</body>
</html>

Ты видишь, что появился еще один новый тэг - <br>
Тэг <br> - перенос текста на другую строку.

Теперь создадим фон.

Цвет фона устанавливается в уже знакомом нам тэге <body>:

<body bgcolor="#000000">

Смотрим:

<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!!
<body>
</body>
</html>

У меня чёрный фон, ты конечно можешь поставить свой.

А вот теперь о параграфах.

С помощью параграфов ты можешь центрировать текст:

<p align="center">текст</p>

С помощью параграфов ты можешь выровнять текст по левому краю:

<p align="left">текст</p>

По правому краю документа:

<p align="right">текст</p>

По обоим краям документа:

<p align="justify">текст</p>

Пример:

<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<p align="center"><font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!! </p>
<body>
</body>
</html>

Есть ещё один тэг <div></div>:
<div align="center"> текст </div>
<div align="left"> текст </div>
<div align="right"> текст </div>
<div align="justify"> текст </div>

Пример:

<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<div align="center"><font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font>
<br>
Мы против чатов!!! </div>
<body>
</body>
</html>

Эффект один. Текст у тебя в центре. Решай сам какой тэг выбрать.

Размер шрифта.

Сейчас ты научишься выделять текст при помощи.
Существуют шесть уровней заголовков:
<H1></H1> - самый большой.
<H2></H2>
<H3></H3>
<H4></H4>
<H5></H5>
<H6></H6> - самый маленький.

Пример:

<html>
<head>
<title>Вот моя страница</title>
</head>
<body text="#336699"><body bgcolor="#000000">
<div align="center"><H1><font color="# 339966">Мы о-о-о-о-о-о-чень любим АНТИЧАТ.</font></H1>
<br>
Мы против чатов!!! </div>
<body>
</body>
</html>

Стиль шрифта:

После того, как ты узнал о том, как задавать размер шрифта, настало время поговорить о том, как определить стиль шрифта.

<b> Полужирный текст </b>
<i> Наклонный текст (курсив) </i>
<u> Подчеркнутый текст </u>
<strike> Перечеркнутый </strike>
<s> Перечеркнутый </s>
<small> Малый </small>
<big> Большой </big>
Верхний индекс <sup> sup </sup>
Нижний индекс <sub> sub </sub>

Атрибут face. С помощью face ты сможешь задать тип шрифта.

<font face="arial"> текст (шрифт Arial)</font>

Times;
Times New Roman;
Arial;
Helvetica;
Courier;
Verdana;
Tahoma;
Cosmic Sans;
Garamond

Эпилог.

Это моя первая серьёзная статья.
Строго не судите. :(
Я описал самые простые азы.
Может новичкам пригодится. :p