Page 2


23 ) Создаем таблицы
Например:
<BODY>
<TABLE BORDER=10>
<CAPTION ALIGN=TOP>ТАБЛИЦА</CAPTION>
<TR>
<TH>Столбец1</TH>
<TH>Столбец2</TH>
<TH>Столбец3</TH>
<TH>Столбец4</TH>
<TH>Столбец5</TH>
</TR>
<TR>
<TD> 1</TD>
<TD> 2</TD>
<TD> 3</TD>
<TD> 4</TD>
<TD> 5</TD>
</TR>
<TR>
<TD> 2ряд1Столб</TD>
<TD> 2ряд2Столб</TD>
<TD> 2ряд3Столб</TD>
<TD> 2ряд4Столб</TD>
<TD> 2ряд5Столб</TD>
</TR>
<TR>
<TD> 3ряд1Столб</TD>
<TD> 3ряд2Столб</TD>
<TD> 3ряд3Столб</TD>
<TD> 3ряд4Столб</TD>
<TD> 3ряд5Столб</TD>
</TR>
</TABLE>
И так далее скоко Вам нужно столбцов.
Должно получиться:
ТАБЛИЦА
Столбец1 Столбец2 Столбец3 Столбец4 Столбец5
1 2 3 4 5
2ряд1Столб 2ряд2Столб 2ряд3Столб 2ряд4Столб 2ряд5Столб
3ряд1Столб 3ряд2Столб 3ряд3Столб 3ряд4Столб 3ряд5Столб
В таблицу можно добавить дополнительные атребуты, для того чтобы приукрасить таблицу: BORDER=10-Ширина внешней рамки, ALIGN=TOP-название таблицы сверху, ALIGN=BOTTOM-название таблицы снизу, FRAME=ABOVE-рамка будет только сверху, FRAME=BOX-рамка будет со-всех 4 сторон, FRAME=BELOW-рамка будет только снизу, FRAME=HSIDES-сверху и снизу, FRAME=VSIDES-рамка только левая и правая, FRAME=LHS- только левая, FRAME=RHS-только правая, FRAME=VOID-не будет видно рамки, WIDTH=600- длина таблицы,HEIGHT=200-ширина таблицы,CELLSPACING=10-ширина между ячейками таблицы,CELLPADDING=10-отступ текста от края клетки
Например:
<TABLE BORDER=10 ALIGN=TOP FRAME=VSIDES> Внимание ! При создании таблицы не забудьте обратить внимание, что программа начинается с ТЕГ а<TABLE>и она должна этим ТЕГом</TABLE> закрываться.
24 ) Если Вам приспичела нужда :) к примеру удолить одну из ячеек и у вас вся таблица пошла в ширь и кость для борьбы с этой напастией существуют ТЕГидля выравнивания таблицы. Это обычный вид. <TH>Столбец1</TH>в обычную клетку добавлен атрибут расширения WIDTH=25%, 25% это % занемаемой площади по отношению к ширине таблицы.
Например:
<TH WIDTH=25%>Столбец1</TH>
Должно получится:
TABLIZA
Столбец1Столбец3 Столбец3 Столбец4 Столбец5
1 2 3 4 5
2ряд1Столб 2ряд2Столб 2ряд3Столб 3ряд3Столб 2ряд4Столб 2ряд5Столб
3ряд1Столб 3ряд2Столб 3ряд3Столб 3ряд4Столб
<TABLE BORDER=10>
<CAPTION ALIGN=TOP> TABLIZA </CAPTION>
<TR>
<TH COLSPAN=2>Столбец1Столбец3</TH>
<TH>Столбец3</TH>
<TH>Столбец4</TH>
<TH>Столбец5</TH>
</TR>
<TR>
<TD> 1</TD>
<TD> 2</TD>
<TD> 3</TD>
<TD> 4</TD>
<TD> 5</TD>
</TR>
<TR>
<TD> 2ряд1Столб</TD>
<TD> 2ряд2Столб</TD>
<TD ROWSPAN=2> 2ряд3Столб 3ряд3Столб</TD>
<TD> 2ряд4Столб</TD>
<TD> 2ряд5Столб</TD>
</TR>
<TR>
<TD> 3ряд1Столб</TD>
<TD> 3ряд2Столб</TD>
<TD> 3ряд3Столб</TD>
<TD> 3ряд4Столб</TD>
</TR>
</TABLE>
25 ) Первичные знание уже есть. Перейдем от простого к сложному :) . Например у нас появилась необходимость в создание строницы на каторой будет отображены 3 рабочие облости. Тоесть-Мы хотим чтоб у нас например постоянно был в верху "Логотип" а с лева например кнопки. А с права появлялись-бы документы к которым обратился пользователь. Не всегда "Пользователю" нравится когда Ваш логотип (Возможно он очен красивый) при обращение к следующей странице заного загружается. Это раздрожает, и занимает дополнительное время. Не лутшели зделать чтоб "Логотип" загрузился один раз. А зопрашиваемие документи появлялись под логотипом. Тагже и кнопки навигации. И так что нам нужно для этого ?
Для создание данной странички создаем как минимум 4 документа. 1-это будет носитель к которому мы превяжем 3 остольных. На нем будет расположена информация о том где и какое место должны занимать другие 3 документы.
Например:
<HTML>
<HEAD> <TITLE> Установачный ФРЕМ </HEAD> </TITLE>
<FRAMESET ROWS=268,*>
<FRAME SRC=Zaglavie.htm NAME=TOP scrolling=no>
<FRAMESET COLS=218,*>
<FRAME SRC=Knopka.htm NAME=LEFT scrolling=yes>
<FRAME SRC=Recunok.htm NAME=RIGHT scrolling=yes>
</FRAMESET>
</FRAMESET>
<NOFRAME>
</HTML>
Разберемся-что для чего:
<FRAMESET ROWS=268,*>
ROWS=268,*-это количество"пиксилей"-ширина верхней части. В нашем случае 7 сантиметров .
< FRAME SRC=Zaglavie.htm NAME=TOP scrolling=no>
FRAME SRC=Zaglavie.htm - название "фрема" . NAME=TOP - "фрем" с верху . scrolling=no(yes) документ будет имет полосу прокрутки или нет.
<FRAMESET COLS=218,*>
2 установачный "фрем".
< FRAME SRC=Knopka.htm NAME=LEFT scrolling=yes>
NAME=LEFT-"фрем" с лева.
< FRAME SRC=Recunok.htm NAME=RIGHT scrolling=yes>
3 установачный "фрем". FRAME SRC=Recunok.htm название"фрема". NAME=RIGHT "фрем" с права.
Так как 2 и 3 "фрем" входят в состав 1 "фрема", а Мы знаем что все ТЕГи должны закрыватся вторым ТЕГом, то мы для ночала закрываем 2 и 3 ТЕГ.
</FRAMESET>
</FRAMESET>
<NOFRAME> этот ТЕГ для тех серверов которые не подержывает ТЕГи.
В ТЕГ <FRAMESET>
Можно добавить дополнительные атрибуты.
Например:
NORESIZE=no(yes)-Пользователь может или нет менять размер окон. BORDERСOLOR=RED-Определяет цвет разделительных полос между фремами.MARGINHEIGHT=28Задает отступ от верхней границы"фрема".
Для тех кто не вехал-"ФРЕМ"-Это-Oкон в браузере называется"фремами".
26 ) Для защиты сайта от копирования в ТЕГ<BODY> дабовляют дополнительный атребут onselectstart="return false". БудтеВнемательны. Без ковычек эта функцыя работать не будет.
Например:
<BODY onselectstart="return false">-Этот параметр запрещает выделение мышкой.
<BODY oncopy="return false">        -Этот параметр запрещает копирование.
И тепер информацию можно украсть, но сделать это будет чуть сложнее!
27 ) При создание HTM документов для того чтоб они васпринемались Enternet Excploer как(HTM-документы)надо в начале поставить ТЕГ<HTML> с закрывающим ТЕГом</HTML>
Любой новый документ открываем этим ТЕГом но чтобы не забыть его закрыть, лутше этот ТЕГ</HTML> написать сразу, а потом просто вписывать между ними другие коды.
Вы спросите-почему Я об этом ТЕГев начале не упоменул?.
На это была причина. Он не всегда нужен. Многие браузеры его игнорируют. Щитая его не нужным.
28 ) В ходе работы нам нужно иногда задать пораметры строницы. Ведь не вечно мы будем писать один ТЕКСТ.Например при создание таблицы.Мы также уже использовали этот ТЕГ при создание "фрема"-документа при загруске которого у нас выходят 3 окна. Пример 25:.Есть много таких примеров.Для того чтоб наши свойства вступили в силу-используют ТЕГ<HEAD> и соответственно закрывающий ТЕГ</HEAD>. Все ТЕГисодержащие в себе невидимую информацию о документе входят в состав<HEAD> ТЕГа.
Например:
<HEAD><TITLE>Основные элементы HTM</TITLE></HEAD>
Например:
<HEAD>
<META http-equiv=Contet-Lanquage>
<META http-equiv=Contet-Type>
</HEAD>
В дальнейшем мы расмотрим все примеры.
29 ) Вы хотите Кнопку-как в Windows-пожалуста.Напишем следующую строку.
Например:
<INPUT TYPE=BUTTON NAME=mybutton VALUE="Нажми меня">
После этого у вас появится обемная кнопка.
Должно получится:
30 ) Вы хотите Панел ввода данных-как в Windows-пожалуста.Напишем следующую строку.
Например:
<INPUT TYPE=TEXT NAME=xName VALUE=" ">
Должно получится:
Ваше имя:
31) А как нащет того чтоб кнопки перекрасить в другой цвет? .В 28 примере мы их делать научились.Тепер чуть посложнее.Добовляем в ТЕГ <INPUT>дополнительные атрибуты. <STYLE="background: RED>
цвет кнопки,
< height:40px;>
высота кнопки,
<width:120px;>
длина кнопки,
<line-height:12px;>
размер текста,
<color: RED">
цвет текста,
< value="Красная">
название кнопки
Например:
<INPUT TYPE=BUTTON STYLE="background: #800000 ; height:40px; width:120px; line-height:12px; color: RED" value="Красная">
Должно получится:

Обратите ВНИМАНИЕ:
В ТЕГе<STYLE="background: RED> стоят ковычки-они открывают программу ,а в ТЕГе<color: RED "> стоят вторые закрывающие кавычки.Не упустите их при написание,а то не чо работать не будет.
К сведенью:
Элементы HTML можно классифицировать на три основные категории:
1: заголовочные элементы, т.е. элементы, используемые в элементе HEAD ("шапка", заголовок) и содержащие информацию о документе в целом: TITLE, ISINDEX, BASE, META, LINK, SCRIPT, STYLE
2: блоковые элементы, включающие элементы, которые специфицируют структуру документа, например, разделение на части и параграфы (абзацы): H1, H2, H3, H4, H5, H6, ADDRESS, и элементы P, UL, OL, DL, PRE, DIV, CENTER, BLOCKQUOTE, FORM, ISINDEX, HR, TABLE
3: текстовые элементы. Текстовыми элементами могут быть:
 a: выражения разметки: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE
 b: разметка шрифта: TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP
 c: специальные элементы: A, IMG, APPLET, FONT, BASEFONT, BR, SCRIPT, MAP
 d: элементы формы: INPUT, SELECT, TEXTAREA
Это небольшое отступления для того чтоб вашы знания накопленые в ходе маих уроков немного сестематезировать и закрепить. Почему я это не зделал ранше ?- Просто когда я сам этим занялся для меня эта информация не имела смысла.
А на данном этапи Вы уже сами наверно разделили ТЕГина определенные категорие ,тока Вам не хватало сухой Фармулеровки чтоб все стало на сваи места.
 A: элементы который могут непосредственно содержать текстовый элемент:
A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BODY, CAPTION, CENTER, CITE, CODE, DFN, DIV, EM, FONT, FORM, H1, H2, H3, H4, H5, H6, HTML, I, KBD, LI, P, PRE ( c ограничениями), SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TD, TH, TT, U, VAR.
 B: Нижеследующие элементы не являются текстовыми контейнерами, однако могут содержать текстовые элементы не непосредственно, а через элементы, которые являются текстовыми контейнерами:
DD, DIR, DL, DT, MENU, OL, TABLE, TR, UL.
 C: Нижеследующие элементы совсем не включают текстовые элементы:
AREA, BASE, BASEFONT, BR, HEAD, HR, IMG, INPUT, ISINDEX, LINK, MAP, META, OPTION, PARAM, SCRIPT, SELECT, STYLE, TEXTAREA, TITLE.
 D: при отсутствии тегов HTML, HEAD, и TITLE броузер сам вставит их в нужные места. Поэтому Ваш документ всегда будет содержать HEAD и BODY.
 E: О происхождении документа должна быть представлена, по крайней мере, следующая информация:
Автор документа, имеющий уникальное имя. При этом должна быть задана связь с домашней страницей автора. Если у документа несколько авторов, определите их всех, а также роль каждого из них; например, ведущего автора, редактора, действующего спонсора, а также лиц, формально отвечающих за документ.
Дата создания документа или его последней модификации, или и та и другая. Представляемая дата должна быть понятна во всем мире; в частности, название месяца лучше писать словом, а не цифрой.
Контекст документа и его статус, например: часть официальной документации компании об одном из ее продуктов, или часть личной информации о хобби автора, или что-то другое.
32 ) Создаем списки-для етого игпользуем ТЕГ<LI>
Например:
<LI>Алексей Юрьевич</LI>
<LI>Шишкина Марина</LI>
<LI>Зурдинов Маруп</LI>
Должно получится:
  • Алексей Юрьевич
  • Шишкина Марина
  • Зурдинов Маруп
    33 ) Далше: ТЕГ<OL>
    Должно получится:
      Алексей Юрьевич
      Шишкина Марина
      Зурдинов Маруп
    34 ) Далше: ТЕГ<DL>
    Должно получится:
    Алексей Юрьевич
    Шишкина Марина
    Зурдинов Маруп
    35 ) Далше: ТЕГ<DT>
    Должно получится:
    Алексей Юрьевич
    Шишкина Марина
    Зурдинов Маруп
    36 ) Далше: ТЕГ<DD>
    Должно получится:
    Алексей Юрьевич
    Шишкина Марина
    Зурдинов Маруп
    37 ) Вы уже знакомы с ТЕГом <P>-служыт для перехода на новый обзатц. Но можно преукрасить,например смистить текст.
    Например:
    Стоят тихо два парня в магазине,рядом с коробками софта.<BR>Тут к ним подходит сонсультант и спрашивает:<BR>Вам чем-нибуть помочь ?<BR>-Деньгами...<P> Встретелись как-то строитель,доктор и программер,ну и спорят, чья профессия древнее.<BR>Доктор говорит:-Помните в Библии,бог вырвал у Адама ребро и сотворил Еву,-видите,прямое хирургическое вмешательство!<BR>Строитель в ответ: - А помните в Библии,бог создал из хаоса небо,землю ну и так далее!!<BR>Программер слушал их,слушал и говарит:<BR>- Ну, а кто по-вашему создал хаос?!!!
    Должно получится:
    Стоят тихо два парня в магазине,рядом с коробками софта.
    Тут к ним подходит сонсультант и спрашивает:
    Вам чем-нибуть помочь ?
    -Деньгами...

    Встретелись как-то строитель,доктор и программер,ну и спорят, чья профессия древнее.
    Доктор говорит:-Помните в Библии,бог вырвал у Адама ребро и сотворил Еву,-видите,прямое хирургическое вмешательство!
    Строитель в ответ: - А помните в Библии,бог создал из хаоса небо,землю ну и так далее!!
    Программер слушал их,слушал и говарит:- Ну, а кто по-вашему создал хаос?!!!
    А тепер в ТЕГ<P>добавим новый отребут:
    Например:
    <P ALIGN=CENTER>,<P ALIGN=LEFT>,<P ALIGN=RIGHT>
    Должно получится:

    Вам чем-нибуть помочь ?
    -Деньгами...

    Встретелись как-то строитель,доктор и программер,ну и спорят, чья профессия древнее.
    Доктор говорит:-Помните в Библии,бог вырвал у Адама ребро и сотворил Еву,-видите,прямое хирургическое вмешательство!
    Строитель в ответ: - А помните в Библии,бог создал из хаоса небо,землю ну и так далее!!
    Программер слушал их,слушал и говарит:- Ну, а кто по-вашему создал хаос?!!!


    Или:

    Встретелись как-то строитель,доктор и программер,ну и спорят, чья профессия древнее.
    Доктор говорит:-Помните в Библии,бог вырвал у Адама ребро и сотворил Еву,-видите,прямое хирургическое вмешательство!
    Строитель в ответ: - А помните в Библии,бог создал из хаоса небо,землю ну и так далее!!
    Программер слушал их,слушал и говарит:- Ну, а кто по-вашему создал хаос?!!!

    Незабутьте о закрывающем ТЕГе</P>
    38 ) Для отступа текста от верхнего края служит ТЕГ<PRE>,</PRE>,как вы видите этот текст идет как все остальные ( Плотно ).Проведем черту и напишем сново. 
    Dj-ponchic.narod.ru

    Хотя можно использовать ТЕГ<BR>

    www.Paldin-alma.narod.ru
    Как видите не какой разницы нет.
    39 ) Для создания текста с большим боковым отступом от левого края используем ТЕГ<BLOCKQUOTE>, </BLOCKQUOTE>
    Например:
    <BLOCKQUOTE>Dj-ponchic.narod.ru </BLOCKQUOTE>
    Должно получится:
    Dj-ponchic.narod.ru
    Mожно конешно использовать несколько пробелов ( ТЕГ&#160 )-но некоторые браузеры игнорируют когда вы используете под-подрят один и тодже ТЕГ

    Pages: 1 2 3 4 5 6 7 8 9 10



    Hosted by uCoz