HTML HEAD DOCTYPE HTML PUBLIC W 3 CDTD
Заголовок HTML-документа, контейнер HEAD <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD W 3 HTML//EN"> <HTML> <HEAD> <LINK REL=STYLESHEET HREF=”www. et. css“ TYPE=”text/css> <BASE href="http: //www. acme. com"> <SCRIPT. . . <META. . . <STYLE. . . </HEAD>
Использование тега META <META NAME="Author" CONTENT="Molchanov"> <META NAME="keywords" CONTENT="Интернет, HTML, WWW, руководство, публикация, гипертекст"> <Meta name="Description" content="Информация о компьютерном железе: тесты, отзывы, комментарии экспертов. "> <Meta name="URL" content= "http: //www. site. ru/"> <Meta http-equiv="Content-language" content ="ru"> <Meta http-equiv="Content-Script-Type" content="text/javascript"> <Meta http-equiv=”Content-Type” content="text/html; charset=windows-1251"> <Meta http-equiv="Expires" content="Wed, 26 Feb 1999 08: 21: 57 GMT"> <Meta http-equiv="Refresh" content ="3; URL=http: //www. site. ru/">
Типовой заголовок <!—произвольный комментарий--> <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD W 3 HTML//EN"> <COMMENT>еще один комментарий</comment> <HTML> <HEAD> <TITLE>Структура Web-страницы</title> <LINK REL=STYLESHEET HREF=”http: //www. myserv. com/mysheet. css“ TYPE=”text/css> <Meta http-equiv=”Content-Type” content="text/html; charset=windows-1251"> <META NAME="Author" CONTENT="Molchanov"> <META NAME="Keywords" CONTENT="WWW, HTML, document, element"> </head>
Объединение ячеек <TABLE BORDER=1> <CAPTION align=bottom>Объединение ячеек</CAPTION> <TR><TH>1<TH ROWSPAN=2 COLSPAN=2>2 <TR><TD >4 <TR><TD>7<TD>8<TD>9 </table>
Форматирование строк <TABLE> <CAPTION>Форматирование строк</CAPTION> <THEAD BGCOLOR=red> <TR><TH>1<TH>2<TH>3 </THEAD> <TFOOT BGCOLOR=blue> <TR><TD>4<TD>5<TD>6 </TFOOT> <TBODY BGCOLOR=green> <TR><TD>7<TD>8<TD>9 </TBODY> </table>
Форматирование столбцов <TABLE width="50%"> <CAPTION>Форматирование столбцов</CAPTION> <COLGROUP span=2 width="30%" bgcolor=red> <COLGROUP width="10%"> <COL span=2 bgcolor=green> <COL span=2 bgcolor=blue> <TR><TH>1<TH>2<TH>3<TH>4<TH>5<TH>6 <TR><TD>7<TD>8<TD>9<TD>10<TD>11<TD>12 <TR><TD>13<TD>14<TD>15<TD>16<TD>17<TD>18 </table>
Форматирование текста • <BASEFONT SIZE=“n”> , n=1. . . 7 • <FONT SIZE=“+-n” COLOR=“цвет” FACE=“вид”> • <BASEFONT SIZE=7> • <FONT SIZE=“+1” COLOR=“black” FACE=“Arial"><P>. . . </p></font> • <FONT SIZE=“ 7” COLOR=“red” FACE=“Garamond"><P>. . . </p></font> • <FONT SIZE=“-5” COLOR=“red” FACE=“Arial"><P>. . . </p></font>
4. Устаревшие и нестандартные элементы • • • <BLINK>. . . </blink> <DIR><LI>. . . </dir> <MENU><LI>. . . </menu> <XMP>. . . </XMP> <LISTING>. . . </LISTING> <PLAINTEXT>. . . </plaintext> <COMMENT>. . . </comment> <BANNER>. . . </banner> <HPi>. . . </hpi>
1. Ссылки и якоря <А HREF="http: //www. site. com/index. htm"> щелкни ЗДЕСЬ</A> <А HREF="mailto: victor@molchanov. eu. org"> почта</A> <А HREF="file: ///D: /root/tur. gif"> посмотреть рисунок</A> <А HREF="http: //www. site. com/index. htm"> <IMG SRC="picture 1. gif"> </A> Атрибуты: TARGET={“имя”, _self, _parent, _top, _blank, new} TITLE=“текст”
<HTML> <HEAD> <TITLE>Карта ссылок</TITLE> </HEAD> <BODY BGCOLOR=Silver TEXT="#848484" LINK=RED VLINK=PURPLE ALINK=GREEN> <H 1 ALIGN="center"> Пример использования карт ссылок</H 1> <IMG SRC="map. gif" BORDER=0 USEMAP="#map 1"> <MAP NAME="map 1"> <AREA HREF="primer 1. htm" ALT="Текст первый" SHAPE=CIRCLE COORDS="X, Y, R"> <AREA HREF="primer 2. htm" ALT="Текст второй" SHAPE=POLY COORDS="X 1, Y 1, X 2, Y 2, X 3, Y 3"> </map> </BODY> </HTML>
Атрибуты тега INPUT <input type=text size=40 name=user value="your name"> <input type=password size=12 name=pw> <input type=checkbox checked name=uscitizen value=R 1> <input type=checkbox name=uscitizen value=R 2 <input type=radio checked name=age value="16 -21"> <input type=radio name=age value="21 -35">
Пример использования <FORM ACTION="mailto: victor@molchanov. eu. org" METHOD=POST> <P>введите имя <input type=text size=20 name=user value="your name"> <p>введите пароль <input type=password size=12 name=pw> <TABLE CELLSPACING=40> <TR><TD><P>задайте режим доступа <P><input type=checkbox name=uscitizen value=r 1>режим 1 <P><input type=checkbox checked name=uscitizen value=r 2 >режим 2 <TD><P>задайте диапазон <P><input type=radio checked name=age value="16 -21">16 -21 <P> <input type=radio name=age value="21 -35">21 -35 </TABLE> <P><input type=reset value="СБРОС"> <input type=submit value="ОТПРАВКА"> </FORM>
Теги TEXTAREA и SELECT <TEXTAREA name=Comments rows=5 COLS=72> Здесь можете ввести более подробный комментарий </TEXTAREA> <FORM ACTION="mailto: victor@molchanov. eu. org" METHOD=POST> Выскажите свое мнение о качестве этого документа: <SELECT name="evaluation"> <OPTION value=1>Очень убого <OPTION value=2>Бедно <OPTION value=3>Средне <OPTION value=4>Довольно хорошо <OPTION value=5 selected>Прекрасно </SELECT>
Пример использования <FORM ACTION="mailto: victor@molchanov. eu. org" METHOD=POST> Выскажите свое мнение о качестве этого документа: <SELECT name="evaluation"> <OPTION value=1>Очень убого <OPTION value=2>Бедно <OPTION value=3>Средне <OPTION value=4>Довольно хорошо <OPTION value=5 selected>Прекрасно </SELECT> <TEXTAREA name=Comments rows=5 COLS=72> Здесь можете ввести более подробный комментарий </TEXTAREA> <P>Введите свою фамилию <INPUT TYPE=TEXT NAME=fio size=30> <INPUT TYPE=SUBMIT VALUE=Send> </FORM>
- Slides: 49