Урок 0. Вводный
Прислано AMD на Сентябрь 27 2011 07:41:59

HTML




HyperText Markup Language (HTML) является стандартным языком, предназначенным

для создания гипертекстовых документов в среде WEB. HTML-документы могут

просматриваться различными типами WEB-броузеров. Когда документ создан с

использованием HTML, WEB-броузер может интерпретировать HTML для выделения

различных элементов документа и первичной их обработки. Использование HTML

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

линий и других графических элементов на любой системе, их просматривающей.





Большинство документов имеют стандартные элементы, такие, как заголовок,


параграфы или списки. Используя тэги HTML вы можете обозначать данные элементы,

обеспечивая WEB-броузеры минимальной информацией для отображения данных

элементов, сохраняя вцелом общую структуру и информационную полноту документов.

Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который

интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему

придает автор.





В большинстве случаев автор документа строго определяет внешний вид документа. В

случае HTML читатель (основываясь на возможностях WEB-броузера может, в


определенной степени, управлять внешним видом документа (но не его содержимым).

HTML позволяет отметить, где в документе должен быть заголовок или абзац при

помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги.

Например, один WEB-броузер может распознавать тэг начала абзаца и представлять

документ в нужном виде, а другой не имеет такой возможности и представляет

документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также,

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

на отображение документа.






HTML-тэги могут быть условно разделены на две категории:





тэги, определяющие, как будет отображаться WEB-броузером тело документа вцелом




тэги, описывающие общие свойства документа, такие как заголовок или автор

документа





Запомните, что основное преимущество HTML заключается в том, что ваш документ

может быть просмотрен на WEB-броузерах различных типов и на различных

платформах.









HTML-документы могут быть созданы при помощи любого текстового редактора или

специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет

использоваться для создания HTML-документов, зависит исключительно от понятия

удобства и личных пристрастий каждого автора.








Тэги





Большинство тэгов парные. это значит что первый тэг открывает второй закрывает.



к при меру





<CENTER> и </CENTER> позволяет центрировать текст в окне браузера


текст расположенный между этими тэгами будет расположен посередине строки





тэг





<left> </left> выравнимает по лемому краю текст






<right> </right> выравнивает текст по правому краю





расположенный до <CENTER> или после </CENTER> текст не будет центрироватся. тэги

могут вкладыватся друг в друга НО не пересекатся






пример





правильно





<left>Текст слева</left>


<center>текст в центре</center>





неправильно






<left>Текст слева<center></left>


текст в центре</center>





<b> </b> жирный шрифт


<i> </i> курсив



<u> </u> подчеркнутый текст








<br>


новая строка - если не указать принудительно этот символ то строка текста

продолжается до правого края страницы





пример






надо вывести на экран список





иванов


пертов


сидоров


рабинович





если мы в нашем скрипте укажем эти фамилии так как я указал тут то получим на

экране






иванопетровсилороврабинович





что бы этого избещать используется тэг новой строки





иванов<br>


пертов<br>


сидоров<br>


рабинович<br>















<H1> </H1> Заголовок абзаца первого уровня


<H2> </H2> Заголовок абзаца второго уровня


<H3> </H3> Заголовок абзаца третьего уровня



<H4> </H4> Заголовок абзаца четвертого уровня


<H5> </H5> Заголовок абзаца пятого уровня


<H6> </H6> Заголовок абзаца шестого уровня






с помощью этих тэгов можно выделять заголовки в тексте. размер заголовок

уменьшается от 1 до 6. 1--самый большой








ЦВЕТ текста








<font color="цвет"> </font>






цвет задается 3-мя парами цифр. цифры меняются от 0 до 16 в шестнацатиричном

размере. т.е. от 0 до F


и потому выглядит заданный цвет так #0EEDFF


и соответсвенно принимаемые значения могуть быть в диапазоне от #000000 до

#FFFFFF





что бы приблизительно прикинуть какая цифра за что отвечает я сделал скрипт.

завтра дам на него ссылку и для особо интересующихся код скрипта.





цвет текста можно задавать и словами английского языка означающими разные цвета.


но сами понимаете таких слов достаточно мало. хотя многим может хватит и их.





red


yellow


black


white


и тд











рисунки вставляются так






<IMG SRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop

ISMAP>





Опишем элементы синтаксиса тэга:





URL






Обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный

URL указывает броузеру где находится рисунок. Рисунок должен храниться в

графическом формате, поддерживаемом броузером. На сегодняшний день форматы GIF и

JPG поддерживаются большинством броузеров.





ALT="text"





Данный необязательный элемент задает текст, который будет отображен броузером,


не поддерживающим отображение графики или с отключенной подкачкой изображений.

Обычно, это короткое описание изображения, которое пользователь мог бы или

сможет увидеть на экране. Если данный параметр отсутствует, то на месте рисунка

большинство броузеров выводит пиктограмму (иконку), активизировав которую,

пользователь может увидеть изображение. Тэг ALT рекомендуется, если ваши

пользователи используют броузер, не поддерживающий графический режим, например

Lynx.





HEIGTH=n1






Данный необязательный параметр используется для указания высоты рисунка в

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

рисунка. Это параметр позволяет сжимать или растягивать изображения по

вертикали, что позволяет более четко определять внешний вид документа. Однако,

некоторые броузеры не поддерживают данный параметр. С другой стороны, экранное

разрешение у вашего клиента может отличаться от вашего, поэтому будьте

внимательны при задании абсолютной величины графического объекта.





WIDTH=n2






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

ширину рисунка в пикселах.





ALIGN





Данный параметр используется, чтобы сообщить броузеру, куда поместить следующий

блок текста. Это позволяет более строго задать расположение элементов на экране.

Если данный параметр не используется, то большинство броузеров располагает

изображение в левой части экрана, а текст справа от него.






ISMAP





Этот параметр сообщает броузеру, что данное изображение позволяет пользователю

выполнять какие-либо действия, щелкая мышью на определенном месте изображения.











что такое ссылки вы все и так знаете. что бы задать ссылку в документе

испозуется следующая пара тэгов


<a href... и </a>






<a href="ссылка_сама">имя ссылки</a>





имя ссылки может быть как текстом так и

рисунком





пример






<a

href="http://albinar.darkagesworld.com/vr/common/FighterInfo.aspx?username=AllMustDie">AllMustDie</a>





<a href="http://smuta.com/"><img src="http://smuta.com/img/ork_forum.gif"></a>








примеры






Пример 1








код


<font color=red>Красный</font>


<b>Жирный</b>


<i>Курсив</i>



Линия <hr>


<u>Подчеркивание</u>


<s>Зачеркнуто</s>


<p>Абзац</p>





цветовые наборы



Пример 2
















Таблицы





html таблицы - эта огромная часть языка html, которую нужно знать очень хорошо,

потому, что практически все сайты основываются на html таблицах. Грамотным

сочитанием таблиц, обьединением необходимых ячеек, можно создать классный

дизайн. Также большинство менюшек построено на табличном стиле. Короче вы поняли


:)








Основные тэги html таблицы





Таблица: <TABLE>...</TABLE>





Самый главный тэг html таблицы. В него заключаются все остальные теги. Его

название легко запомнить, так как в переводе с английского table означает


таблица.





Каждая html таблица состоит из строк и столбцов- это ее основа.





Строка таблицы: <TR>...</TR>





Строка определяется парой тэгов <TR>...</TR>. Примерно так <TR> содержимое


строки </TR>





Столбец таблицы: <TD>...</TD>





Аналогично , как со строками. <TD> содержимое столбца </TD>






Рамка html таблицы: BORDER





например если BORDER =3px это означает, что ширина рамки таблицы 3 пикселя. По

умолчанию ширина рамки нулевая!





Горизонтальное выравнивание html таблицы: ALIGN





Атрибут управляет положением данных в ячейках по горизонтали. Может принимать

значения left (слева), right (справа) или center (по центру)






Вертикальное выравнивание html таблиц: VALIGN





Он определяет вертикальное размещение данных в ячейках. Может принимать значения

top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки

прижаты кверху).





 







+++