Html-код главной странички сайта
<HTML>
<HEAD>
<TITLE>index</TITLE>
</HEAD>
<LINK href="style.css" rel="stylesheet" type="text/css">
<BODY>
<TABLE bgcolor="yellow" width=100% height=100% cellpadding=20>
<TR align="center" height="40"><TD colspan="2" class=zag >развитие Web-технологий</TD></TR>
<TR><TD width=38% class=menu >
<UL><LI><A href="page1.htm">гиперссылка</A></LI>
<LI><A href="page2.htm">язык-HTML</A></LI>
<LI><A href="page3.htm">Web</A></LI>
</TD>
<TD class=content valign=top ><FONT face=>
<P>Основой Всемирной "паутины" World Wide Web является язык гипертекстовой разметки HTML. Создатель этого языка Тим Бернерс-Ли, разрабатывая его для нужд одного крупного научного центра, даже не предполагал, что его детище вырастет до общемирового масштаба и будет определять развитие компьютерных технологий на многие десятилетия.
</P></TD></TR>
<TR height="40"><TD colspan="2" class=zakl>
<P>выполнила Галиакбарова Валерия</P>
<P>студент группы 39.1 ПО ФМФ БГПУ</P>
</TD></TR>
</TABLE>
</BODY>
</HTML>
В документе HTML обязательно присутствуют вложенные элементы, то есть элементы, включенные в состав других элементов. Так, в выше указанном примере элемент TITLE вложен в элемент HEAD, а элемент TABLE – в элемент BODY. Элементы HEAD и BODY, в свою очередь, являются вложенными в элемент HTML.
Начинается и завершается любая программа парой тегов <HTML> и </HTML>. эти теги сигнализируют всем браузерам сети о том, что данная программа написана на языке HTML. Все, что находится между этими тегами, называется документом (Web-страницей). Между тегами <HEAD> и </HEAD> помещаются сведения о названии данной страницы и служебная информация (используемая кодировка, ключевые слова, название редактора, с помощью которого сделана страничка).
<HTML>
<HEAD>
заголовок <TITLE> страничка </TITLE>
</HEAD>
Программа
<BODY>
тело <TABLE> таблица </TABLE>
</BODY>
</HTML>
Последовательность, в которой допустимо размещать HTML-теги, то есть правила вложения элементов HTML, зависят от их категорий, описанных выше. При составлении кода страницы необходимо соблюдать следующие правила:
-
Структурны элементы могут включать в себя элементы других категорий. Например, элемент HTML является внешним по отношению ко всем остальным элементам;
-
Блоковые элементы могут включать в себя другие блоковые или текстовые элементы. Так, элемент TABLE, задающий таблицу, может содержать элементы заголовка H1 и разметки шрифта I, B;
-
Текстовые элементы также могут быть вложенными, но они не могут включать блоковые элементы. Например, недопустимо, чтобы элементы верхних индексов SUP содержали элементы абзаца P или списков UL;
При составлении HTML-кода нужно следить за правильным написанием имен вложенных парных тегов. Для закрытия тегов лучше придерживаться последовательности: от последнего к первому. Понятно, что подобных роблем не возникает с одиночными тегами.
А теперь подробно о коде моей страницы.
<TITLE>index</TITLE> - это элемент TITLE, обозначающий название документа.
<LINK href="style.css" rel="stylesheet" type="text/css">
<LINK> - определение отношения между документами;
<LINK href="style.css"> - URL ресурса, с которым связана ссылка;
rel="stylesheet" – отношение между исходным и целевым объектом ссылки;
type="text/css" – MIME-тип ресурса, на который указывает ссылка.
<TABLE bgcolor="yellow" width=100% height=100% cellpadding=20>
<TABLE> - создание таблицы;
bgcolor="yellow" – задает цвет фона объекта;
width=100% height=100% - задает ширину и высоту объекта;
cellpadding=20 – задание расстояния между границами ячейки и ее содержимым.
<TR align="center" height="40"><TD colspan="2" class=zag >развитие Web-технологий</TD></TR> - работает с первой строкой таблицы;
<TR> - первая строка таблицы, конечный тег не обязателен;
align="center" – вертикальное или горизонтальное выравнивание данного элемента относительно других элементов;
height="40" – задает высоту объекта (в данном случае - строки);
<TD> - ячейка данных первой строки в таблице, конечный тег не обязателен;
colspan="2" – количество объединяемых ячеек смежных столбцов;
class=zag – имя класса, к которому принадлежит данный элемент;
>развитие Web-технологий< - содержимое ячейки.
<TR> <TD width=38% class=menu >
<UL><LI><A href="page1.htm">гиперссылка</A></LI>
<LI><A href="page2.htm">язык-HTML</A></LI>
<LI><A href="page3.htm">Web</A></LI>
</TD>
<TD class=content valign=top ><FONT face=>
<P>Основой Всемирной "паутины" World Wide Web является язык гипертекстовой разметки HTML. Создатель этого языка Тим Бернерс-Ли, разрабатывая его для нужд одного крупного научного центра, даже не предполагал, что его детище вырастет до общемирового масштаба и будет определять развитие компьютерных технологий на многие десятилетия.
</P></TD></TR> - работает со второй строкой таблицы;
<TD width=38% class=menu >
<UL><LI><A href="page1.htm">гиперссылка</A></LI>
<LI><A href="page2.htm">язык-HTML</A></LI>
<LI><A href="page3.htm">Web</A></LI>
</TD> - первая ячейка второй строки, ширина равна 38% и принадлежит классу menu;
<UL> - создание маркированного (неупорядоченного) списка;
<LI> -строка списка, заданного элемента <UL>, все что находится внутри списка называется вхождением;
<A href="page1.htm"> ссылка на другую страницу;
>гиперссылка< - название ссылки;
<TD class=content valign=top> <P>Основой Всемирной "паутины" World Wide Web <…> </P> </TD> - вторая ячейка второй строки. Принадлежит классу content, valign=top – вертикальное выравнивание содержимого внутри элемента таблицы;
<P>Основой Всемирной "паутины" World Wide Web <…> </P> - абзац текста.
<TR> <TD height=40% colspan="2" class=zakl>
<P>выполнила Галиакбарова Валерия</P>
<P>студент группы 39.1 ПО ФМФ БГПУ</P> </TD>
</TR> - работает с третьей строкой таблицы, высота которой равна 40%, строка объединяет две ячейки;
<P>выполнила Галиакбарова Валерия</P> - абзац текста.
Заключение
Со временем любому пользователю Интернет начинает казаться, что в Сети чего-то не хватает. Чего-то очень важного, о чем знает только он… или просто, без затей – рождается самое обычное, самое закономерное желание добавить свой голос в мощный хор Интернет. И вот тогда возникает идея – создать собственную Web-страничку, где будет практически ВСЕ, чего не хватает на остальных десятках миллионов.
Домашняя страничка. Поистине, нет в мире Интернет ничего более удивительного: буквально за пять минут при помощи простейших манипуляций появляется пусть мелкое, но зато свое, доступное всем средство массовой информации.
Именно это желание добавить что-то чего еще нет в Сети является толкачом развития Web-технологий, а вместе с тем и языков разметки.
Современной версией является HTML 4.0, которая была опубликована в декабре 1997 года. В ней поддерживаются листы стилей, сценарии, фреймы, внедренные объекты, улучшены средства работы с таблицами и формами. На данный момент известна версия HTML 4.01, принятая в конце 1999 года.