-(BestFreeHelp.narod.ru)-

Когда я начал изучать HTML я нашел в сети очень много учебников и самоучителей. Их было и есть огромное количество, и практически все они повторяли одно и тоже, то есть просто пересказанные тексты. Я собирал понемногу информацию, и в конце концов у меня возникло четкое представление о HTML, что он из себя представляет и с чем его есть. Уже выучив HTML, я решил помочь новичкам и тем, кто недавно стал изучать HTML и его азы. Я довольно доступным языком постарался написать FAQ по HTML в помощь изучающим и для повторения уже изучившим.Для того чтобы быстро изучить HTML достаточно изучить основы ,ну а дальше все будет просто.Дерзайте!

Введение

Итак что представляет из себя HTML? Если быть точным HTML это- Hyper Text Markup Language, означает "язык маркировки гипертекстов”. Но html не является языком, он лишь представляет собой разметку html страниц. Разметку страниц мы производим с помощью тегов. Тег(tag- метка ,соединитель ,конец чего-либо)-это то же самое что в алфавите буква, теги бывают разные и каждый из тегов несет свою функцию(какие бывают теги мы разберем дальше). Для того чтобы делать html страницы можно использовать простой блокнот(если ты хорошо знаешь html),либо редакторы типа Microsoft Front Page, в таких редакторах не требуются особые навыки и отличного знания html.Но советую все же подучить html если вы даже используете редактор Microsoft Front Page(или что-нибудь в этом типе),т.к. бывают ситуации когда редактор не может выполнить команду которую вы требуете и тогда приходиться писать вручную.

Что нам понанобится во время изучения html?Для начала нам подойдет обычный блокнот Windows и для просмотра сделанных нами страниц понанобится любой браузер,подойдет родной internet exp.Ну а самое главное это желание.Что ж начнем!

PS:Советую не пролистывать все быстро и невнимательно,для хорошего понятия главы вы должны хорошо знать предыдущию.

Глава 1.Основы.

Итак как же все-таки делаются html-документы(они же страницы)?Если вы когда-нибудь внимательно просматривали для интереса исходный код страницы,то могли увидеть что все что есть на странице пишется между какими-то символами.Все тексты,картинки,ссылки и другое прописываются между тегами(начинающим и завершающим),для каждой функции используется свой тег,сейчас мы рассмотрим первые теги.Возьмем для разбора самую простую html страничку:

<html>

<head>

</head>

<body>

</body>

</html>

Если вы скопируете этот код в свой html документ и сохраните,у вас получится самая простая страница без текста и вообще без ничего.Рассмотрим теги:

1)Все страницы без исключений начинается и заканчивается тегом <html>.Что значит закрытый тег?Закрытый тег это тоже самое что открытый но с маленьким изменением,а именно,это такой же тег но в него добавляется символ "/".Между тегами <html>...</html> мы и будем размещать все остальные теги,тексты и тд.

2)Что представляет собой тег <head>?Данный тег будет содержать в себе различную информацию,но она не будет отображаться на самой странице,то есть то что размещается между тегами <head>...</head> будет являться атрибутами и настройками страницы.Далее я расскажу какие теги можно писать между этими тегами.

3)Рассмотрим тег <body>.Данный тег и является в нашем понимании самой страничкой,то есть то что мы напишем и поместим между тегами <body></body> то и будет отображаться на страничке.Далее я расскажу какие теги мы можем там писать.

Если вы поняли и усвоили первый урок поздравляю,если же вы поняли его плохо или частично перечитайте заного или напишате мне в icq ,или отпишитесь в гостевой,я обьясню вам лично.

Глава 2.Теги.

В этой главе мы рассмотрим основные теги и правильное месторасположение тегов в странице.

Какие бывают теги?Теги бывают самые разнообразные и как говорилось раньше каждый из них несет свою функцию.У каждого тега есть свое определенное место в html документе и его нельзя писать куда попало.Сейчас мы рассмотрим наши первые теги и их расположение.

1)Итак,тег <title>...<title>,что он из себя представляет и зачем нужен?

Данный тег используется для записи заголовка страницы.Думаю вы не раз замечали заголок страницы,он находится в самом верху html документа.Для наглядности обратите внимание на пример.Данный тег пишется в голове(так мы будем называть теги <head>...</head>)Прописываем в таком виде:

<title>заголовок который хотим поставить</title>.

Запомните!КАЖДЫЙ ТЕГ ВСЕГДА НАДО ЗАКРЫВАТЬ ИНАЧЕ ОН НЕ БУДЕТ РАБОТАТЬ

Глава 3.Работа с текстом.

2)Как писать текст?Для того чтобы писать текст не нужно ипользовать какие-либо теги.То есть мы просто прописываем текст в теле(так мы будем называть теги<body>...</body>)Пишется текст таким образом:

<body>Здесь пишем текст который хотим</body>.

Надо заметит что для переноса нельзя использовать "Enter" тк он не работает.Для переноса был придуман тег ,данный тег вставляется в тексте в том месте где должен быть сделан перенос.Прошу обратить внимание,данный тег не нуждается в закрытии поэтому тега нет.Для текста существует множество тегов.Сейчас я покажу некоторые из них.

Итак,мы можем изменять цвет,шрифт,размер и другие атрибуты с помощью специальных тегов начнем с простого и закончим средним по сложности:

...-данный тег позволяет изменять размер,цвет,шрифт.Как?С помощью использования атрибутов "color","size","face".Примеры:

Здесь цветной текст

Здесь измененный текст

Текст с другим шрифтом

Мы можем обьеденять атрибуты.Пример:

Получаем видоизмененный текст

PS:насчет цвета,цвет нужно прописывать на английском языке или использовать безопасную палитру цветов(она есть на сайте)

обратите внимание что в закрытом теге не нужно прописывать атрибуты.Почти все теги имеют атрибуты,их мы рассмотрим в другой теме.

Сейчас рассмотрим ряд тегов:

<PRE> ... </PRE>-иногда браузер не может прочитать пробелы,тогда вы заключаете нужный текст с пробелами в этот тег и браузер все считывает

<BLOCKQUOTE> ... </BLOCKQUOTE>-Текст, заключенный в данном теге выводится браузером на экран с увеличенным левым полем

...-все что между ними считается обзацем

-перенос на другую строку

<hr>-описывание вот такой линии

...-тот текст который бедет внутри тега будет жирным

...-наклонный шрифт(курсив)

<TT>...</TT>-текст внутри будет имитировать пишущию машинку

...-подчеркнутый текст

<s>...</s>-перечеркнутый шрифт

<big>...</big>-шрифт больше основного

...-шрифт меньше основного

...-весь текст в верхнем регистре(все буквы большие)

...-весь текст в нижнем регистре(все буквы маленькие)

Иногда нам нужно выделить какой-либо текст из основной массы,здесь мы используем теги:

<h1>...</h1>-самый большой заголовок

<h2>...</h2>-заголовок поменьше

<h3>...</h3>-еще меньше

...и так далее

Эти теги мало кто использует и некоторые браузеры не читают их,но для интереса можете ими что-нибудь сделать:

...-наклонный шрифт

...-жирный шрифт

<CODE>...</CODE>-используется для фрагментов исходных текстов

<SAMP>...</SAMP>-Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами

<KBD>...</KBD>-Рекомендуется использовать для указания того, что нужно ввести с клавиатуры.

<VAR>...</VAR>-Рекомендуется использовать для написания имен переменных

<code>...</code>-как по формуле(тупость)

<cite>...</cite>-отображение цитат

<adress>...</adress>-отображение адресов

<samp>...</samp>-демонстрация образцов

на этом теги текста кончаются.Не хило правда?)

Глава 4.Изображения.

Для того чтобы поместить изображение на страницу используется тег <img>.Пример:

Атрибуты к тегу скажу позже.

Глава 5.Ссылки.

Для того чтобы сделать ссылку используйте тег <a></a>Пример:

<a href="адрес файла по отношению страницы">название ссылки</a>

Как сделать картинку-ссылку?

PS:для тех кто не понял куда теги записывать-ЗАПИСЫВАТЬ ЭТИ ТЕГИ НУЖНО В ТЕЛЕ(я сказал что это)

PS2:один из простых тегов это тег выравнивания.Записывается он так:

Тег имеет атрибуты:

left-выравнивание влево

right-выравнивание вправо

center-выравнивание к центру

justify-по всей ширине страницы

Глава 6.Атрибуты.

Для новичка самая сложная часть.

Практически все тэги имеют атрибуты.Это к примеру ширина,высота,цвет,выравнивание и многое другое.Так вот нам нужно будет запомнить какие атрибуты к кому относятся и использовать их.Об атрибутах я расскажу в следующей статье.Пока закрепляйте основы.Удачи!Если возникнут какие-нибудь трудности отпишитесь в гостевой или напишите мне в icq,обязательно помогу и отвечу на вопросы.

[разделы]

HTML

[HTML основы]

[HTML атрибуты]

[HTML таблица цветов]