HTML учебник

HTML или немного WEB дизайна.

И так это курс для НАЧИНАЮЩИХ дизайнеров. Если вы уже мастер учить я вас не буду. Начнём с нашими целями:

Чтобы создать свой сайт надо иметь место под сайт.
Делать надо всё качественно и быстро.
Никогда не надо брать чей-то дизайн. Пускай он вам нравиться, но лучше свой уродливый, чем чужой прекрасный.
На сайте должно быть много информации даже если это просто фото-галерея.
Это Ваш сайт? Конечно да тогда, делайте на нём что хотите.

Сайт это очень интересная вещь. На сайт можно поставить всё барохло что есть в компе и это кому нибудь сгодится. Я вот например однажды искал сочинение по литературе и не нашёл. Все подумали, что их бумажки с сочинениями ни кому не нужны. Но вот круговая порука если сайт напичкан всего по немного и до конца не одна тема не расскрыта, то зачем этот сайт?

Сайт состоит из тегов пример: , но все теги должны закрыватся вот такой /. Вот что должно у нас быть

What?

Но нет не все теги должны закрываться пример:  <hr>. Они не требуют закрытия. В тегах может быть и такое Пора вставать не спать - это даёт для некотрых точностях. Например шрифт должен быть красным это будет так color="red" и т.п. Теперь о строение страницы.

<html>
<head>
<title>Крутой сайт Васька</title> - это надпись наверхней панели браузера
</head>
<body bgcolor="black" text="white" link="blue"> - это параметры для страницы чёрный фон, белый текст, синии ссылки
И вот тут пишется всё остальное.
</body>
</html>

<body bgcolor="black" text="white" link="blue"> bgcolor="black" - это цвет фона, но можно и не только буквами, но и цифрами bgcolor="#54FF32" цифра должна быть 6-значная и с символом #
text="ваш цвет" - это цвет шрифта.
link="ваш цвет" - это цвет ссылки

Есть ещё некоторые параметры в теге <body> , но о них позже

^ТЕКСТ

Текст наиболее важное вещь на сайте чтобы красиво выглядил сайт надо и соблюдать тот же стиль и в тексте. На сайте текст можно распологать как угодно. Надо только правильно всё сделать, а для этого я превиду ниже не которые понятии.

Я прыгну вниз по теченю
Теперь как этот код будет выглядить наяву:
Я прыгну вниз по течению
Вот сейчас о том что чего обзначает.
face="arial" - это какой шрифт в данном случае это Arial.
color="red" - это какой цвет текста
size="4" - это какой размер текста

Можно текст писать и просто без всяких тегов, но тогда цвет шрифта будет тот который задан в теге <body> и шрифт, и размер будет по умолчанию какой у браузера.

Текст можно выделять жирным, прописным, подчёркнутым и писать по середине страницы и в левой, и в правой стороне страницы.

Тихо!!!

Тихо!!!

Говори
Тихо!!!

???ДА ???
???ДА???

Привет!
Привет!

Тихо!!!
Тихо!!!

МММ
МММ

Так же можно все эти параметры совмещать пример:
Привет!
Привет!!!

^ЦВЕТ

Безусловно цвет очень важная вещь везде, даже в телевизоре. И поэтому эту главу я не могу опустить. Цвет пишется в двух вариантах. Первый это цифры пример #54FF32 , второй вариант это буквенный RED, BLACK, YELLOW и так далее. В теги цвет обозначается почти всегда так color="цвет"или bgcolor="цвет". Я вот только не выучил по какому образу задаётся цифро-буквеенный цвет.

^ССЫЛКИ

^{На ссылках
построен Интренет. Ссылки
могут быть из текста или из
картинки. Текстовая ссылка
будет примерно выглядить так:}^{http://daniil-den.narod.ru}^{это можно также заменить и
просто словом или фразой, но
адрес также не изменятся (если
вы конечно ни чего не
поменяете)}^{Это мой
сайт}^{Теперь HTML код}<A href="http://адрес">Ваш текст</A>

Графическая ссылка.

Как всегда код к картинки:
<a href="http://ваш_адрес"><img src="URL картинки" border="толщина рамки"></a>

^{ИЗОБРАЖЕНИЕ}

Я вот тут показал картинку-ссылку, а вот про их параметры не чего даже не сказал. Так вот в Интернете есть три формата картинок это

GIF- это самый известный формат в Инете. Он очень маленький и в нём можно даже хранить движение. Я считаю GIF самый лучший формат для веб-сайтов.
JPeG или JPG- это менее удобный формат на нём нельзя хранить анимацию. Но вот цифровые камеры рассчитанны только на JPG
PNG- это простой хороший формат. Анимацию не поддерживает.

Переходим к составлению HTML кода

И так вот он:
<img src="URL картинки" border="толщина рамки" width="ширина" height="высота"></a>

^{ТАБЛИЦА}

В интернете очень удобно распологать всё таблицами. У таблицы почти всё очень удобно вот ниже я привёл таблицу

ПРивет	привет	млавро	иполи	оипаптр
випвивапиваи	авпип	ивап	иваии	атлдвр
виап	вапи	аипв	вапи	ваип
ватпваокпг	фыВФЫ	ПРЬРОЛЮЖ	РПАВ	АПВЫР

Таблицу можно и состовлять и без рамок. В таблицу можно вставлять что угодно и как угодно. Можно вставлять Апплеты, Скрипты, Картинки, Текст всё всё всё что можно на сайте. Можно изменять цвет ячейк и задавать фон таблице.

HTML-код
<table border="1" bgcolor="#808080" bordercolor="0000FF">
<tr>-это первая строка
<td>Что будет в ячейки</td>-это первая ячейка в первой строке
<td>Что будет в ячейки</td>-это вторая ячейка в первой строке
</tr><tr>- это вторая строка
<td>Что будет в ячейки</td>-это первая ячейка во второй строке
<td>Что будет в ячейки</td>-это вторая ячейка во второй строке
</tr>
</table>

Извините, но параметры таблицы я не все поместил. Может когда будет время я допешу

^{РЕСУРСЫ}

^{И
так вот вроде как я немного
чего вас научил, но многое не
дорассказал. Может вы
научитись у других ниже я
привёл Интернет ресурсы в
помощь WEB-мастера}

http://narod.ru - Бесплатный Хостинг.
http://boom.ru - Бесплатный Хостинг.
http://javascript.internet.com - коллекция скриптов

<----Назад
Версия 1.0 2002