В этой небольшой статье содержится информация, необходимая для создания своей собственной домашней странички с нуля,
только при помощи блокнота, либо любого другого текстового редактора. Конечно можно сотворить мега-навороченную страницу
в специальном редакторе либо даже в MSWord, но в данной статье эта тема затрагиваться не будет.
Пример первой страницы:
<html>
<head>
<title>
Заголовок окна
</title>
</head>
<body>
Собственно тут и находится сама страница.
</body>
</html>
Вот эта страница так называемый "Hello World".
Текст можно выводить разными стилями, и посему взгляните на образцы:
bold - жирный <b>
italic - курсив <i>
underline - подчеркнутый <u>
strike - зачеркнутый <s>
Для того, чтобы потестить эти вещи необходимо написать в своей html-ке один из изложенных выше тегов, хотя их
можно комбинировать:
Какой-либо текст
Теги состоят из одной буквы, к тому же эта буква является первой в названии стиля и поэтому их легко запомнить.
После того, как выведен текст нужного стиля необходимо поставить тег со слешем, для завершения текущего стиля:
<b>ТЕКСТ, КОТОРЫЙ НУЖНО ВЫВЕСТИ ЖИРНЫМ</b> ОСТАЛЬНОЙ ТЕКСТ.
Теперь перейдем к заголовкам.
<h1>Заголовок</h1>
<h2>Заголовок</h2>
<h3>Заголовок</h3>
<h4>Заголовок</h4>
<h5>Заголовок</h5>
<h6>Заголовок</h6>
Не путайте номер заголовка с размером шрифта, тоесть чем больше число, стоящее после буквы h тем меньше текст.
Теперь перейдем к самому интересному. Заставим текст выводиться различными цветами и размерами.
Цвета текста красный
На первых парах можно использовать константы red, green, blue, black, white и многие другие, но для большей
гибкости желательно вводить текст в такой форме #RRGGBB, где RR, GG, BB - значения, в шестнадцатеричной системе,
которые определяют уровень интенсивности соответствующих цветовых компонент RGB(КрасныйСинийЗеленый), из которых
и строится изображение.
Примерно вот так:
<font color=#AABBCC>Цвет текста равен #AABBCC</font>
<font color=#A61BD4>Цвет текста равен #A61BD4</font>
<font color=#FF0000>Цвет текста равен #FF0000</font>
Размер текста также можно задавать:
<font color=#00FF00 size=3>Цвет текста зеленый размер 3</font> Wake up neo...
Для того, чтобы перейти на другую строку необходимо поставить тег <br>.
Для того чтобы вывести текст по центру страницы нужно воспользоваться <center>
Существуют еще довольно полезные теги, с помощью которых можно задать степень либо написать индекс числа.
<sup> - для степени.
<sub> - для индекса.
Вот пример:
Текст в степени156 и по индексу666
Время ссылок пришло, на самом деле создать ссылку проще простого всего-то нужно написать:
<a href="http://www.faceH0r.narod.ru">То, что узреет юзер</a>
Мой сайт
Но как можно заметить цвет линка не слишком удачен и сложно разобрать надпись, вернемся же к <font>
Уже лучше:
<a href="http://www.faceH0r.narod.ru"><font color=#FFFFFF>Все вполне различимо</font></a>
Все вполне различимо
На основе этих знаний можно создать уже какую-нибудь домашнюю страницу вот простой пример:
<html>
<head>
<title>
My home page
</title>
</head>
<body>
<h3><center>Привет люди!!!</center></h3>
<br>
Важная формула : <font color=red>2<sup>3</sup>=8</font>.
<br>
Коли хотите зайдите на сайт <a href="http://www.calypso3.narod.ru"><b><u>jnz</u></b></a>
<br>
Или на сайт <a href="http://www.tiandong.narod.ru"><font color=green>Tian<font color=blue>dong</font></a>.
</body>
</html>
Для того чтобы насладиться сей страницей нужно просто скопировать этот код в файл и поменять расширение его на
.html или .htm. Вот и все думаю для начала хватит.
|