1. °Â±ð²ú-§ã§ä§â§Ñ§ß§Ú§è§í.
§Á§Ù§í§Ü HTML
1. §£§Ó§Ö§Õ§Ö§ß§Ú§Ö
2. §°§æ§à§â§Þ§Ý§Ö§ß§Ú§Ö §ä§Ö§Ü§ã§ä§Ñ
3. §¤§Ú§á§Ö§â§ã§ã§í§Ý§Ü§Ú
4. §³§á§Ú§ã§Ü§Ú
5. §²§Ú§ã§å§ß§Ü§Ú
3. §´§ï§Ô BODY ¨C §à§Ò§ë§Ú§Ö §ã§Ó§à§Û§ã§ä§Ó§Ñ §ã§ä§â§Ñ§ß§Ú§è§í
? §è§Ó§Ö§ä §æ§à§ß§Ñ §Ú §ä§Ö§Ü§ã§ä§Ñ
§Ñ§ä§â§Ú§Ò§å§ä§í §ä§ï§Ô§Ñ §è§Ó§Ö§ä
§ä§Ö§Ü§ã§ä§Ñ
<BODY TEXT="white"
BGCOLOR=#00FF00>
§±§â§Ú§Ó§Ö§ä!
§è§Ó§Ö§ä §æ§à§ß§Ñ
</BODY>
? §è§Ó§Ö§ä §Ô§Ú§á§Ö§â§ã§ã§í§Ý§à§Ü §è§Ó§Ö§ä
§ã§ã§í§Ý§à§Ü
<BODY LINK="#FF8C00"
VLINK=green>
...
§á§à§ã§Ö§ë§Ö§ß§ß§í§Ö §ã§ã§í§Ý§Ü§Ú
</BODY>
(visited link)
3
4. §´§ï§Ô FONT ¨C §ã§Ó§à§Û§ã§ä§Ó§Ñ §Ò§Ý§à§Ü§Ñ §ä§Ö§Ü§ã§ä§Ñ
? §è§Ó§Ö§ä §ä§Ö§Ü§ã§ä§Ñ
§±§â§Ú§Ó§Ö§ä!
<FONT COLOR=red>
§¬§Ñ§Ü §Õ§Ö§Ý§Ñ?
</FONT>
? §â§Ñ§Ù§Þ§Ö§â §ê§â§Ú§æ§ä§Ñ
§±§â§Ú§Ó§Ö§ä!
<FONT COLOR=red
SIZE=6>
§¬§Ñ§Ü §Õ§Ö§Ý§Ñ?
</FONT> §à§ä 1 §Õ§à 7
(3 ¨C §ß§à§â§Þ§Ñ§Ý§î§ß§í§Û)
4
5. §³§ä§Ú§Ý§Ú §à§æ§à§â§Þ§Ý§Ö§ß§Ú§ñ
§Ø§Ú§â§ß§í§Û (bold) <B>§£§Ñ§ã§ñ</B> §£§Ñ§ã§ñ
§Ü§å§â§ã§Ú§Ó (italic) <I>§£§Ñ§ã§ñ</I> §£§Ñ§ã§ñ
§á§à§Õ§é§Ö§â§Ü§Ú§Ó§Ñ§ß§Ú§Ö
(underline) <U>§£§Ñ§ã§ñ</U> §£§Ñ§ã§ñ
§Ù§Ñ§é§Ö§â§Ü§Ú§Ó§Ñ§ß§Ú§Ö
(strike out) <S>§£§Ñ§ã§ñ</S> §£§Ñ§ã§ñ
§Ó§Ö§â§ç§ß§Ú§Û §Ú§ß§Õ§Ö§Ü§ã
(superscript) §£§Ñ§ã§ñ<SUP>2</SUP> §£§Ñ§ã§ñ2
§ß§Ú§Ø§ß§Ú§Û §Ú§ß§Õ§Ö§Ü§ã
(subscript) §£§Ñ§ã§ñ<SUB>2</SUB> §£§Ñ§ã§ñ2
5
6. §¶§à§â§Þ§Ñ§ä§Ú§â§à§Ó§Ñ§ß§ß§í§Û §ä§Ö§Ü§ã§ä (§Ý§Ú§ã§ä§Ú§ß§Ô§Ú §á§â§à§Ô§â§Ñ§Þ§Þ)
program qq;
var a, b: integer;
begin
writeln("§£§Ó§Ö§Õ§Ú§ä§Ö §Õ§Ó§Ñ §é§Ú§ã§Ý§Ñ");
read(a,b);
writeln(a,'+',b,'=',a+b); §ä§Ö§Ü§ã§ä
§à§ä§æ§à§â§Þ§Ñ§ä§Ú§â§à§Ó§Ñ§ß§ß§í§Û
end. (preformatted)
<PRE>
program qq;
var a, b: integer;
begin
writeln("§£§Ó§Ö§Õ§Ú§ä§Ö §Õ§Ó§Ñ §é§Ú§ã§Ý§Ñ");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.
</PRE>
6
7. §©§Ñ§Ô§à§Ý§à§Ó§Ü§Ú: H1 ¡ H6
<BODY>
<H1>§©§Ñ§Ô§à§Ý§à§Ó§à§Ü §Õ§à§Ü§å§Þ§Ö§ß§ä§Ñ</H1>
<H2>§©§Ñ§Ô§à§Ý§à§Ó§à§Ü §â§Ñ§Ù§Õ§Ö§Ý§Ñ</H2>
<H3>§©§Ñ§Ô§à§Ý§à§Ó§à§Ü §á§à§Õ§â§Ñ§Ù§Õ§Ö§Ý§Ñ</H3>
<H4>§©§Ñ§Ô§à§Ý§à§Ó§à§Ü §á§Ñ§â§Ñ§Ô§â§Ñ§æ§Ñ</H4>
<H5>§¬§à§Þ§Þ§Ö§ß§ä§Ñ§â§Ú§Û</H5>
<H6>§¡§Ó§ä§à§â§ã§Ü§Ú§Ö §á§à§Þ§Ö§ä§Ü§Ú</H6>
</BODY>
left,
center,
§Ó§í§â§Ñ§Ó§ß§Ú§Ó§Ñ§ß§Ú§Ö:
right
<H1 ALIGN=center>§ª§ã§ä§à§â§Ú§ñ</H1>
7
8. §³§á§Ö§è§Ú§Ñ§Ý§î§ß§í§Ö §ã§Ú§Þ§Ó§à§Ý§í
?§³§Ú§Þ§Ó§à§Ý? ?HTML-§Ü§à§Õ? ?§¯§Ñ§Ù§Ó§Ñ§ß§Ú§Ö?
? ¡?§Ú§Ý§Ú? §ß§Ö§â§Ñ§Ù§â§í§Ó§ß§í§Û?§á§â§à§Ò§Ö§Ý??
¡ì § §á§Ñ§â§Ñ§Ô§â§Ñ§æ
? ©?§Ú§Ý§Ú?© §ã§Ú§Þ§Ó§à§Ý?§Ñ§Ó§ä§à§â§ã§Ü§à§Ô§à?§á§â§Ñ§Ó§Ñ
? «?§Ú§Ý§Ú?« §Ý§Ö§Ó§Ñ§ñ?§â§å§ã§ã§Ü§Ñ§ñ?§Ü§Ñ§Ó§í§é§Ü§Ñ
? ®?§Ú§Ý§Ú?® §Ù§Ñ§â§Ö§Ô§Ú§ã§ä§â§Ú§â§à§Ó§Ñ§ß§ß§Ñ§ñ?§ä§à§â§Ô§à§Ó§Ñ§ñ?§Þ§Ñ§â§Ü§Ñ?
¡ã ° §Ô§â§Ñ§Õ§å§ã
¡À ± §á§Ý§ð§ã-§Þ§Ú§ß§å§ã
? ² §Ü§Ó§Ñ§Õ§â§Ñ§ä
? ³ §Ü§å§Ò
? »?§Ú§Ý§Ú?» §á§â§Ñ§Ó§Ñ§ñ?§â§å§ã§ã§Ü§Ñ§ñ?§Ü§Ñ§Ó§í§é§Ü§Ñ
? ¼ §é§Ö§ä§Ó§Ö§â§ä§î
? ½ §á§à§Ý§à§Ó§Ú§ß§Ñ
? ¾ §ä§â§Ú?§é§Ö§ä§Ó§Ö§â§ä§Ú
¡Á × §Ù§ß§Ñ§Ü?§å§Þ§ß§à§Ø§Ö§ß§Ú§ñ
¡Â ÷ §Ù§ß§Ñ§Ü?§Õ§Ö§Ý§Ö§ß§Ú§ñ 8
9. §¡§Ò§Ù§Ñ§è§í
? §á§Ö§â§Ö§ç§à§Õ §ß§Ñ §ß§à§Ó§å§ð §ã§ä§â§à§Ü§å
§°§Õ§ß§à §æ§Ú§Ù§Ú§é§Ö§ã§Ü§à§Ö §ä§Ö§Ý§à §Ù§Ñ§ç§à§ä§Ö§Ý§à
§á§à§Þ§Ö§ß§ñ§ä§î §ä§â§Ú §ã§Ó§à§Ú§ç
§ã§ä§Ñ§â§í§ç §Ó§Ñ§â§Ö§Ø§Ü§Ú §ß§Ñ §é§ä§à-§ß§Ú§Ò§å§Õ§î
§ç§à§â§à§ê§Ö§Ö.
<BR>
§¥§à §ã§Ñ§Þ§à§Ô§à §Ó§Ö§é§Ö§â§Ñ §ä§Ö§Ý§à §ã
§Ó§Ñ§â§Ö§Ø§Ü§Ñ§Þ§Ú ...
? §Ñ§Ò§Ù§Ñ§è (§ã §à§ä§ã§ä§å§á§Ñ§Þ§Ú)
<P>
§°§Õ§ß§à §æ§Ú§Ù§Ú§é§Ö§ã§Ü§à§Ö §ä§Ö§Ý§à §Ù§Ñ§ç§à§ä§Ö§Ý§à
§á§à§Þ§Ö§ß§ñ§ä§î §ä§â§Ú §ã§Ó§à§Ú§ç §ã§ä§Ñ§â§í§ç §Ó§Ñ§â§Ö§Ø§Ü§Ú
§ß§Ñ §é§ä§à-§ß§Ú§Ò§å§Õ§î §ç§à§â§à§ê§Ö§Ö.
</P>
<P>
§¥§à §ã§Ñ§Þ§à§Ô§à §Ó§Ö§é§Ö§â§Ñ §ä§Ö§Ý§à §ã §Ó§Ñ§â§Ö§Ø§Ü§Ñ§Þ§Ú ...
</P>
9
10. §£§í§â§Ñ§Ó§ß§Ú§Ó§Ñ§ß§Ú§Ö
§Ñ§ä§â§Ú§Ò§å§ä §ä§ï§Ô§Ñ <P>
<P ALIGN="center">
§¿§ä§à§ä §ä§Ö§Ü§ã§ä §Ó§í§â§à§Ó§ß§Ö§ß §á§à §è§Ö§ß§ä§â§å.
</P>
<P ALIGN="justify">
§¿§ä§à§ä §ä§Ö§Ü§ã§ä §Ó§í§â§à§Ó§ß§Ö§ß §á§à §ê§Ú§â§Ú§ß§Ö.
§¿§ä§à§ä §ä§Ö§Ü§ã§ä §Ó§í§â§à§Ó§ß§Ö§ß §á§à §ê§Ú§â§Ú§ß§Ö.
§¿§ä§à§ä §ä§Ö§Ü§ã§ä §Ó§í§â§à§Ó§ß§Ö§ß §á§à §ê§Ú§â§Ú§ß§Ö.
§¿§ä§à§ä §ä§Ö§Ü§ã§ä §Ó§í§â§à§Ó§ß§Ö§ß §á§à §ê§Ú§â§Ú§ß§Ö.
</P>
left §á§à §Ý§Ö§Ó§à§Û §Ô§â§Ñ§ß§Ú§è§Ö
right §á§à §á§â§Ñ§Ó§à§Û §Ô§â§Ñ§ß§Ú§è§Ö ! §¯§Ö §Ú§ã§á§à§Ý§î§Ù§å§Û§ä§Ö
§Ó§í§â§Ñ§Ó§ß§Ú§Ó§Ñ§ß§Ú§Ö §á§à
center §á§à §è§Ö§ß§ä§â§å §ê§Ú§â§Ú§ß§Ö §Õ§Ý§ñ §å§Ù§Ü§Ú§ç
justify §á§à §ê§Ú§â§Ú§ß§Ö §ã§ä§à§Ý§Ò§è§à§Ó!
10
11. §§Ú§ß§Ú§ñ-§â§Ñ§Ù§Õ§Ö§Ý§Ú§ä§Ö§Ý§î
horizontal
<HR>
rule
§ê§Ú§â§Ú§ß§Ñ §Ó
§á§Ú§Ü§ã§Ö§Ý§ñ§ç §Ú§Ý§Ú
§á§â§à§è§Ö§ß§ä§Ñ§ç §ä§à§Ý§ë§Ú§ß§Ñ §Ó§í§â§Ñ§Ó§ß§Ú§Ó§Ñ§ß§Ú§Ö
<HR WIDTH="60%" SIZE="3" ALIGN="right">
! §¯§Ö §â§Ö§Ü§à§Þ§Ö§ß§Õ§å§Ö§ä§ã§ñ
§Ú§ã§á§à§Ý§î§Ù§à§Ó§Ñ§ä§î ¨C
§Ý§å§é§ê§Ö §Ù§Ñ§Ô§à§Ý§à§Ó§Ü§Ú
§â§Ñ§Ù§Õ§Ö§Ý§à§Ó!
11
13. §³§ã§í§Ý§Ü§Ú §ß§Ñ §Õ§â§å§Ô§Ú§Ö §ã§ä§â§Ñ§ß§Ú§è§í §ã§Ñ§Û§ä§Ñ
? §ã§ä§â§Ñ§ß§Ú§è§Ñ §Ó §ä§à§Û §Ø§Ö §á§Ñ§á§Ü§Ö
anchor (§ñ§Ü§à§â§î)
<A href="table.htm">§´§Ñ§Ò§Ý§Ú§è§í</A>
hyper reference
(§Ô§Ú§á§Ö§â§ã§ã§í§Ý§Ü§Ñ)
? §ã§ä§â§Ñ§ß§Ú§è§Ñ §Ó§à §Ó§Ý§à§Ø§Ö§ß§ß§à§Û §á§Ñ§á§Ü§Ö
<A href="example/ex1.htm">§±§â§Ú§Þ§Ö§â</A>
? §ã§ä§â§Ñ§ß§Ú§è§Ñ §Ó §ã§à§ã§Ö§Õ§ß§Ö§Û §á§Ñ§á§Ü§Ö
<A href="../texts/text1.htm">§´§Ö§Ü§ã§ä</A>
§Ó§í§Û§ä§Ú §Ú§Ù §ä§Ö§Ü§å§ë§Ö§Û §á§Ñ§á§Ü§Ú
13
15. §³§ã§í§Ý§Ü§Ú §ß§Ñ §Õ§â§å§Ô§Ú§Ö §ã§Ñ§Û§ä§í
? §ß§Ñ §Ô§Ý§Ñ§Ó§ß§å§ð §ã§ä§â§Ñ§ß§Ú§è§å §ã§Ñ§Û§ä§Ñ
<A href="http://www.mail.ru">§±§à§é§ä§Ñ</A>
index.htm, index.html, default.asp, ¡
? §ß§Ñ §Ü§à§ß§Ü§â§Ö§ä§ß§å§ð §ã§ä§â§Ñ§ß§Ú§è§å §ã§Ñ§Û§ä§Ñ (URL)
<A href="http://www.vasya.ru/text/a.htm">
§£§Ñ§ã§Ú§ß §ä§Ö§Ü§ã§ä</A>
? §ß§Ñ §æ§Ñ§Û§Ý §Õ§Ý§ñ §ã§Ü§Ñ§é§Ú§Ó§Ñ§ß§Ú§ñ
<A href="http://www.vasya.ru/prog.zip">
§³§Ü§Ñ§é§Ñ§ä§î</A>
15
16. §³§ã§í§Ý§Ü§Ú §Ó§ß§å§ä§â§Ú §ã§ä§â§Ñ§ß§Ú§è§í
<A NAME="up"></A> §á§Ö§â§Ö§ç§à§Õ §ß§Ñ §Þ§Ö§ä§Ü§å
<A href="#chap1">§¤§Ý§Ñ§Ó§Ñ 1</A><br>
<A href="#chap2">§¤§Ý§Ñ§Ó§Ñ 2</A><br>
<A NAME="chap1"></A>
<H1>§¤§Ý§Ñ§Ó§Ñ 1</H1>
§Þ§Ö§ä§Ü§Ñ (§ñ§Ü§à§â§î)
§¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 1. §¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 1.
§¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 1. §¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 1.<BR>
<A href="#up">§¯§Ñ§Ó§Ö§â§ç</A>
<A NAME="chap2"></A>
<H1>§¤§Ý§Ñ§Ó§Ñ 2</H1>
§¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 2. §¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 2.
§¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 2. §¿§ä§à §ä§Ö§Ü§ã§ä §Ô§Ý§Ñ§Ó§í 2.<BR>
<A href="#up">§¯§Ñ§Ó§Ö§â§ç</A>
? §Ó §Õ§â§å§Ô§à§Þ §æ§Ñ§Û§Ý§Ö
<A href="texts.html#color">§¸§Ó§Ö§ä §ä§Ö§Ü§ã§ä§Ñ</A>
16
