Õâ ¸ö ÌØ ÐÔ ÊÇ ²» ÔÞ ³É µÄ ¶ø ÔÞ ³É Óà ·ç ¸ñ Ò³ À´ Ö¸ ¶¨ ±³ ¾° É« ЊϢ.
<H1 align="center"> How to Carve Wood </H1>ʹ Óà cascading ·ç ¸ñ Ò³, ¶Ô ÓÚ ´Ë Àý, Äã ¿É ÒÔ Èç Ï »ñ µÃ Ïà ͬ µÄЧ ¹û.:
<HEAD> <STYLE> H1 { text-align: center} </STYLE> </HEAD> <H1> How to Carve Wood </H1>×¢ Òâ, Ëü ½« ʹ Ëù ÓÐ µÄ H1 Éù Ã÷ ¾Ó ÖÐ. Äã ¿É ÒÔ Í¨ ¹ý Éè ¶¨ Ôª ËØ µÄ id ÌØ ÐÔ À´ ¼õ ÉÙ Ëü µÄ ·¶ Χ.
<HEAD> <STYLE type="text/css"> H1.wood {text-align: center} </STYLE> </HEAD> <H1 id="wood"> How to Carve Wood </H1>Àà ËÆ µÄ, ͨ ¹ý HTML µÄ align ʹ ¶Î Âä ÔÚ » ²¼ ÉÏ Á½ ±ß ³Å Âú:
<P align="justify">...Lots of paragraph text...ÔÚ cascading ·ç ¸ñ Ò³ ¿É ÒÔ Îª:
<HEAD> <STYLE type="text/css"> P.mypar {text-align: justify} </STYLE> </HEAD> <P id="mypar">...Lots of paragraph text...Ϊ ÁË Èà һ ϵ ÁÐ ¶Î Âä Á½ ±ß ³Å Âú, Óà DIV Ôª ËØ ¶Ô Ëü ÃÇ ±à ×é:
<DIV align="justify"> <P>...text in first paragraph... <P>...text in second paragraph... <P>...text in third paragraph... </DIV>
<HEAD> <STYLE type="text/css"> DIV.mypars {text-align: justify} </STYLE> </HEAD> <DIV id="mypars"> <P>...text in first paragraph... <P>...text in second paragraph... <P>...text in third paragraph... </DIV>Ϊ ÁË Í¨ ¹ý cascading ·ç ¸ñ Ò³ µ÷ Õû Õû ¸ö ÎÄ µµ: <HEAD> <STYLE type="text/css"> BODY {text-align: justify} </STYLE> </HEAD> <BODY> ...the body is justified... </BODY>
CENTER Ôª ËØ Íê È« µÈ ¼Û ÓÚ ÔÚ DIV Ôª ËØ ÖÐ °Ñ align ÌØ ÐÔ Éè Ϊ "center". CENTER Ôª ËØ ÊÇ ²» ÔÞ ³É µÄ.
<IMG align="left" src="http://foo.com/animage.gif">
********* ------- | | ------- | image | --<BR> | | *********Èç ¹û clear ÌØ ÐÔ Éè Ϊ none, ¸ú Ëæ µÄ BR ½« ÔÚ Æä ºó Á¢ ¿Ì ¿ª ʼ ÓÚ Í¼ Ïñ µÄ ÓÒ Ò³ Ôµ:
********* ------- | | ------- | image | --<BR> | | ------ *********Èç ¹û clear ÌØ ÐÔ Éè Ϊ left »ò all, Ï ÐÐ ½« Èç Ï ÏÔ Ê¾:
********* ------- | | ------- | image | --<BR clear="left"> | | ********* -----------------ʹ Óà ·ç ¸ñ Ò³ Äã ¿É ÒÔ Ö¸ Ëù ÓÐ µÄ »» ÐÐ ´¦ ÓÚ Æ¯ ¸¡ Îï ¼þ (ͼ Ïñ, ±í ¸ñ µÈ) µÄ ×ó Ò³ Ôµ µÄ ÐΠʽ ³ö ÏÖ. ÔÚ cascading ·ç ¸ñ Ò³ ÖÐ, Äã ¿É ÒÔ Èç Ï Íê ³É:
<STYLE type="text/css"> BR {clear: left} </STYLE>Ϊ ÁË Ö¸ ¶¨ BR Ôª ËØ ÌØ ¶¨ ʵ Àý µÄ Õâ ¸ö ÐРΪ, Äã ¿É ÒÔ ×é ºÏ ·ç ¸ñ ЊϢ ºÍ id ÌØ ÐÔ:
<HEAD> ... <STYLE type="text/css"> BR.mybr {clear: left} </STYLE> </HEAD> <BODY> ... ********* ------- | | ------- | table | --<BR id="mybr"> | | ********* ----------------- ... </BODY>
<!ENTITY % font "TT | I | B | U | S | STRIKE | BIG | SMALL"> <!ELEMENT (%font|%phrase) - - (%inline)*> <!ATTLIST (%font|%phrase) %attrs; -- %coreattrs, %i18n, %events -- >¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
<b>´ÖÌå/bold</b>, <i>бÌå/italic</i>, <b><i>´ÖбÌå/ bold italic</i></b>, <tt>teletype text</tt>, ºÍ <big>´ó/big</big> ÒÔ ¼° <small>С/small</small> ÎÄ ±¾.Äã µÄ Óà »§ ´ú Àí Æ÷ ½« Èç Ï äÖ È¾ Õâ Щ ´Ê :
´ÖÌå/bold, бÌå/italic, ´ÖбÌå/ bold italic, teletype text, ºÍ ´ó/big ÒÔ ¼° С/small ÎÄ ±¾.¿É ÒÔ Í¨ Óà ʹ Óà ·ç ¸ñ Ò³ À´ Íê ³É ¸ü ·á ¸» µÄ ×Ö Ìå Ч ¹û. To specify blue, italic text in a paragraph with cascading style sheets:
<HEAD> <STYLE> P.mypar {font-style: italic; color: blue} </STYLE> </HEAD> <P id="mypar">...Lots of blue italic text...
<!ELEMENT FONT - - (%inline)* -- local change to font --> <!ATTLIST FONT size CDATA #IMPLIED -- [+]nn e.g. size="+1", size=4 -- color CDATA #IMPLIED -- #RRGGBB in hex, e.g. red: "#FF0000" -- face CDATA #IMPLIED -- comma separated list of font names -- >¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
<!ELEMENT BASEFONT - O EMPTY> <!ATTLIST BASEFONT size CDATA #REQUIRED -- base font size for FONT elements -- color CDATA #IMPLIED -- #RRGGBB in hex, e.g. red: "#FF0000" -- face CDATA #IMPLIED -- comma separated list of font names -- >¿ª ʼ ±ê ¼Ç: Ðè Òª , ½á Êø ±ê ¼Ç: ½û Ö¹
BASEFONT Ôª ËØ Éè
¶¨ »ù ±¾ ×Ö Ìå ³ß ´ç (ʹ Óà size ÌØ ÐÔ). ×Ö Ìå ³ß ´ç¸Ä ±ä ͨ ¹ý
FONT À´ Íê ³É ²¢ ÇÒ Óë BASEFONT
Éè ¶¨µÄ »ù ±¾ ×Ö Ìå ³ß ´ç ÓÐ ¹Ø. Èç ¹û BASEFONT
û ÓÐ ±» ʹ ÓÃ, ȱ Ê¡ µÄ ×Ö Ìå ³ß ´ç ÊÇ 4.
Ï Ãæ µÄ Àý ³Ì ½« Õ¹ ʾ FONT ºÏ ·¨ µÄ 7 ÖÖ ×Ö Ìå Ö® ¼ä µÄ Çø ±ð.
<P><font size=1>size=1</font> <font size=2>size=2</font> <font size=3>size=3</font> <font size=4>size=4</font> <font size=5>size=5</font> <font size=6>size=6</font> <font size=7>size=7</font>Äã µÄ Óà »§ ´ú Àí Æ÷ Èç Ï äÖ È¾:
size=1 size=2 size=3 size=4 size=5 size=6 size=7
Ï Ãæ Àý ³Ì Õ¹ ʾ ÁË »ù ±¾ ×Ö Ìå ³ß ´ç Ϊ 3 µÄ Ïà ¹Ø ×Ö Ìå ³ß ´ç Ч ¹û:
size=-4 size=-3 size=-2 size=-1 size=+1 size=+2 size=+3 size=+4
ʹ Óà »ù ±¾ ×Ö Ìå ³ß ´ç Ϊ 6 µÄ Çé ¿ö:
size=-4 size=-3 size=-2 size=-1 size=+1 size=+2 size=+3 size=+4
<!ELEMENT HR - O EMPTY> <!ATTLIST HR %coreattrs; -- id, class, style, title -- %events; align (left|right|center) #IMPLIED noshade (noshade) #IMPLIED size %Pixels #IMPLIED width %Length #IMPLIED >¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
´¹ Ö± ·½ Ïò ²å Èë ÓÚ Ïß Ìõ ºÍ Χ ÈÆ ÄÚ ÈÝ µÄ ¿Õ ¼ä È¡ ¾ö ÓÚ Óà »§ ´ú
Àí Æ÷.
<HR width="50%" align="center"> <HR size="5" width="50%" align="center"> <HR noshade size="5" width="50%" align="center">Äã µÄ Óà »§ ´ú Àí Æ÷ Èç Ï äÖ È¾ Õâ Щ Ïß Ìõ: