9 walker studio-9w­Ó¤H³]­p¤u§@«Ç
Google
¡Dºô­¶³]­p±µ®×·~°È
¡D¥[¤JGForce¤â¾÷®T¼ÖÁp·ù

¡D°ò¦HTML±Ð¾Ç
¡DCSS¼Ë¦¡ªí±Ð¾Ç
¡D°ò¦JAVASCRIPT±Ð¾Ç
¡DJAVASCRIPT¦¬¶°
¡D¦Û»sASPµ{¦¡¤U¸ü
¡D¦â±m­^¤å¦W¹ï·Ó
¡D16¶i¦ì¦â½X¹ï·Ó¤@
¡D16¶i¦ì¦â½X¹ï·Ó¤G
¡D¥i·R¥]¤l°Êµe¹Ï®w
¡DMSNªí±¡¤p¹Ï¥Ü¤U¸ü
¡D9W2U-1024X768®à¥¬¤U¸ü

¡DGForce¥I¶O¤â¾÷¹CÀ¸
¡D§K¶O¹CÀ¸©Ð
¡D§K¶O½u¤W¹CÀ¸©Ð
¡D§K¶OÀɮ׳ø³ø
¡D§K¶O¸ê·½³ø³ø
¡Dºô¯¸º©¹C³ø³ø
¡D¦h°ê»y¨¥¦r¥Àµo­µªí

¦]ºô¤Í¯d¨¥¤º®e
§t¦¨¤H¦â±¡¤º®e
°Q½×°Ï§Y®É°±¤î¹B§@
¤£«K¤§³B·q½Ð¨£½Ì
¡´ LOGO¥æ´«µn¿ý
¡´ ©M§Ú­Ì³sµ¸

¡@¤Í¯¸¤Î¨ä¥¦³sµ²
¦D¨Æĵ¹î§½ºô»Úºô¸ô¸ê°T¯¸
591¯²«Îºô¯¸
¤Ï¬r®`¤jÁp·ù
¥xÆW»{¾i¦a¹Ï
KTzone¤é°O, ½×¾Â
::S.H.E «C¬K²Õ´°ê»Ú«á´©·|::
°ò¦HTML±Ð¾Ç
Hyper Markup Language

01 HTML²¤¶ 10 ¤À³Îµe­±(Frameset)
02 HTML¤å¥óªº°ò¥»¬[ºc¤Î«ü¥O 11 ¶WÃìµ²(Hyper Link)
03 »s§@²Ä¤@¥÷HTML¤å¥ó 12 ©ßÁã(Anchor)
04 ºô­¶­I´º(Background) 13 ªí³æ(Form)
05 ±±¨î¼ÐÃD¦r¤¸¤j¤p¤Î¦r«¬«ü¥O 14 ¶]°¨¿OInternet Exploer±M¥Î
06 ¨Ï¥ÎCSS±±¨î¦r¤¸ÄÝ©Ê 15 ¤å¦r½s±Æ
07 ªí®æªº¹B¥Î(Table) 16 Meta «ü¥O¹B¥Î
08 ²M³æ(List) 17 ¼Ðµù«ü¥O¦Cªí
09 ¥[¤J¹Ï¤ù
18 ¨ä¥L

02¡BHTML¤å¥óªº°ò¥»¬[ºc¤Î«ü¥O
°ò¥»¤W HTML ªº¼Ðµù¬O¦¨¹ï¥X²{ªº¡A¨ä®æ¦¡¦p¤U¡G
<«ü¥O¦WºÙ [ÄݩʦWºÙ = °Ñ¼Æ ...]> ¤º®e </«ü¥O¦WºÙ>¡A
¤Z¬O¦b <«ü¥O> ©M </«ü¥O> ¤§¶¡ªº¤º®e§¡·|¨ü¨ì³o­Ó«ü¥O¤ÎÄݩʼvÅT¡C
¨Ò¡G
¡@¡@ ¡]ºô¯¸ªº©ïÀY¡^
¡@¡@¡@<TITLE>9W­Ó¤H³]­p¤u§@«Çºô¯¸</TITLE>

¡@¡@ ¡]¶W³sµ²¡^
¡@¡@¡@<A HREF="http://www.9w2u.com">9 Walker Studio-9W­Ó¤H³]­p¤u§@«Ç</A>

¡@¡@¡]¤å¦r¦r«¬¤j¤p¤ÎÀW¦â±±¨î¡^

¡@¡@¡@<font size="4" color="orange">01¡BHTML(Hyper Text Markup Language)²¤¶</font>

¦ý¬O¦³¤Ö³¡¥÷ªº«ü¥O¡A¬O¤£¥[µ²§À«ü¥Oªº¡C
¨Ò¡G
¡@¡@9W­Ó¤H³]­p¤u§@«Çºô¯¸<BR> ¡]¸õ¦æ¡^

¡@¡@<HR>¡]¤ô¥­¤À¹j½u¡^¡@¡@

¸É¥R¡G
¤ô¥­¤À¹j½u»yªk¡G<HR [ALIGN= left | center | right] [SIZE = n] [WIDTH = n [%] [NOSHADE]>

»¡©ú¡G
1.<HR> ¼Ðµù¬O¥Î¨ÓÅã¥Ü¾î¹j½u¡C
2.ALIGN ÄݩʥΨӫü©w¾î¹j½uªº¾a»ô¤è¦¡¡C
3.SIZE ÄݩʬO¥Î¨Ó«ü©w¾î¹j½uªº«p«×¡C¨Ò¡G<HR SIZE=5>
4.WIDTH ÄݩʬO¥Î¨Ó«ü©w¾î¹j½uªº¼e«×¡A¨Ò¡G<HR WIDTH=80%>
5.NOSHADE ÄÝ©Ê«ü©w¥H¹ê½u¨ÓÅã¥Ü¡A¦Ó¤£­n¥ßÅé®ÄªG¡C
<hr width="400" size="10" align="right" >
¤ô¥­¤À¹j½u¿é¥Xµ²ªG¡G


¤@­Ó°ò¥»§¹¾ãªººô­¶ªº¼Ðµùµ²ºc¤j­P¦p¤U¡G
<html> -----¼Ð¥ÜHTML¤å¥óªº¶}©l
¡@<head>-----¼Ð¥ÜHTML¤å¥óªíÀY
¡@¡@<title>¼ÐÃD</title> -----¼Ð¥ÜHTML¤å¥ó¥DÃD
¡@</head> -----¼Ð¥ÜHTML¤å¥óªíÀYµ²§ô


¡@<body> -----¼Ð¥ÜHTML¤å¥ó¥DÅ餺®e¶}©l

¡@¡@¡@¥D­nHTML¤å¥óªº¤º®e¡]Åã¥Ü¦bÂsÄý¾¹µøµ¡¤Wªº¥D­nºô­¶¤º®e¡^¼g¦b³o°Ï°ì¸Ì

¡@</body> -----¼Ð¥ÜHTML¤å¥ó¥DÅ餺®eµ²§ô
</html> -----¼Ð¥ÜHTML¤å¥óªºµ²§ô

±`¥ÎªºHTML TAG¡G
Tag Description
<html>...</html> ºô­¶¤å¥ó¶}©l¤Îµ²§ô
<title>...</title> Åýºô­¶¦WºÙÅã¥Ü©óÂsÄý¾¹µøµ¡¥ª¤W¤èªº¼ÐÃDÄæ
<head>...</head> ªíÀY°Ï¡]¥Î¨Ó©ñ¤J¦p¡Gmeta¡BJavascript¡Bstyle¡Bcss...µ¥µ{¦¡½X¡^
<body>...</body> Åã¥Ü¦bÂsÄý¾¹µøµ¡¤Wªº¥D­nºô­¶¤º®e¡A¦p¿ï³æ¡B³sµ²¡B¤å¦r¡B¹Ï¤ù¡BÃC¦â¡B¹Ï§Î...µ¥

<h1>~<h6>

³]©w¦r«¬¤j¤p¡A<h1>³Ì¤j<h6>³Ì¤p
<font>...</font> ¦r«¬³]©w
<a href="...">...</a> ³sµ²
<img src="..."> ¹Ï¤ù
<center>...</center> ¸m¤¤
<table><tr><td>...</yd></tr></td></table> ªí®æ
<p>...</p> ¼Ð¥Ü¤@­Ó¬q¸¨
<br> ´«¦æ
<hr> ¤ô¥­¤À¹j½u
<!-- ... --> ©w¸q¤@¬qµù¸Ñ©Î¤£¨Ï¥Îªºµ{¦¡½X


ª`·N¨Æ¶µ¡G

  1. ÃC¦â³¡¥÷ªº±Ô­z³¡¥÷¦³¤TºØªí¥Ü¤è¦¡¡G
    ¢Ï¡D¥i¥H¥Î16¶i¦ìªºHex¦â½X¡@¦p¡Gcolor="#FFFFFF" (¥Õ¦â)
    ¡@¡@#RRGGBB ¥Nªí¡D¬õ¡D¶À¡DÂÅ¡D¤T¦â¤§¿@«×¤ñ¨Ò¡A¥H16¶i¦ìHex­Èªí¥Ü

    ¢Ð¡D¥i¥H¥Î16¶i¦ìHex­ÈÂà¤Q¶i¦ì­È¦â½X¡@¦p¡Gbgcolor="rgb(255,255,255)" (¥Õ¦â)
    ¡@¡@RR,GG,BB ¥Nªí¡D¬õ¡D¶À¡DÂÅ¡D¤T¦â¤§¿@«×¤ñ¨Ò¡A¥H16¶i¦ìHex­ÈÂà¤Q¶i¦ì­Èªí¥Ü

    ¢Ñ¡Dª½±µ¥HÃC¦âªº­^¤å¦WºÙ¼Ð¥Ü¡@¦p¡G color="WHITE" (¥Õ¦â)


    *Hex¦â½X¤Î¦â±m­^¤å¦W±z¥i¥H°Ñ¦Ò¥»¯¸ªº16¶i¦ì¦â½X¹ï·Ó©Î¦â±m­^¤å¦W¹ï·Ó
     

  2. ¦pªG·Q¦bHTML¤å¥ó¤¤¥[¤Jµ{¦¡µù¸Ñ©Î¬O¼È®É¤£¨Ï¥Î¬Y¨Ç¼Ðµù¤º®e®É¥i¥Î¥H¤U¼Ðµù¤è¦¡¡G
    <!-- ¼È®É¤£¨Ï¥Îªº¼Ðµù¤º®e©Îµ{¦¡µù¸Ñ -->


    ©Î¬O±N¤@­Óµ{¦¡°Ï¬q¥þ¼Ðµù¬°¼È¤£¨Ï¥Î¡G
    <!-- tr>
    ¡@<th align=left>Result</th>
    ¡@<th align=left>Description</th>
    ¡@<th align=left>Entity Name</th>
    ¡@<th align=left>Entity Number</th>
    </tr
    -->

  3. ¼Ðµù©R¥O¨Ï¥Î¤j¼g©Î¤p¼gªº­^¤å¦r¥À§¡¥i¡A¨Ò¦p: <BR> ©M <br> ªº¥\¯à¬O§¹¥þ¬Û¦Pªº¡C¦ý¬O URL ¤ÎÀɮצWºÙ....µ¥³¡¥÷¡A¦³®É¤´¥²¶·ª`·N¤j¤p¼g¡A¥HÁקK¿ù»~µo¥Í¡C

  4. HTML ¤å¥ó·|¦Û°Ê©¿²¤´«¦æ²Å¸¹¡A¦]¦¹­n´«¦æªº¦a¤è¥²¶·¥[¤W <br>©Î<p>¼Ðµù¡C

  5. ¶W¹L¤@­Ó¥H¤Wªº¥b«¬ªÅ¥Õ¦r¤¸¡]¨Ï¥ÎªÅ¥ÕÁä¿é¤JªºªÅ¥Õ¡^¡A·|³Q¦Û°Ê©¿²¤¡A¥u¯à¨Ï¥Î¤@­Ó¥b«¬ªÅ¥Õ¦r¤¸¡C¦pªG­n¨Ï¥Î³sÄòªÅ¥Õ¦r¤¸¡A½Ð¨Ï¥Î¹ï·Ó¦r¤¸ &nbsp; ¡]Non-breaking Space¡^¨ú¥NªÅ¥Õ¦r¤¸§Y¥i¡C

  6. ¦h­Ó¼Ðµù¼g¦b¦P¤@¦æ©Î¤À¦¨¼Æ¦æ¨Ó¼g¡Aµ²ªG¬O¤@¼Ëªº¡A¨Ò¦p¡G
    <HEAD>
    ¡@<TITLE>9 Walker Studio-9W­Ó¤H³]­p¤u§@«Ç</TITLE>
    <HEAD>

    ¥i¼g¦¨¡G
    <HEAD><TITLE>9 Walker Studio-9W­Ó¤H³]­p¤u§@«Ç</TITLE><HEAD>


  7. ¼Ðµù¤¤­Y¦³¶W¹L¤@­Ó¥H¤WªºÄÝ©Ê¡A¨ä¶¶§Ç¥i¥H¥ô·N¹ï½Õ¡Aµ²ªG¨Ã¤£·|§ïÅܨҦp¡G
    <table width="100%" border="0" height="96">
    ¥i¼g¦¨¡G
    <table border="0" height="96" width="100%">

  8. ¦bHTML¤¤§Ú­Ì©Ò¤Uªº«ü¥O³£¥²¶·¥Î¨ì < ©M > ¤Î "" µ¥²Å¸¹¡A©Ò¥H¦p­n¦b¤å¥ó¤¤Åã¥Ü¤Þ¥Î³o¨Ç²Å¸¹©Î¨ä¥¦¯S®í¦r¤¸¡A´N±o¨Ï¥Î¤Uªí©Ò¦C¹ï·Ó¦r¤¸¡G¡G
  9. HTML¯S®í¦r¤¸
    Åã¥Ü¦r¤¸ »¡©ú ¹ï·Ó¦r¤¸ ¹ï·Ó¼Æ¦r
    " quotation mark &quot; &#34;
    ' apostrophe  &apos; &#39;
    & ampersand &amp; &#38;
    < less-than &lt; &#60;
    > greater-than &gt; &#62;
    ¡@ non-breaking space¥b«¬ªÅ¥Õ¦r¤¸ &nbsp; &#160;
    ¡ inverted exclamation mark &iexcl; &#161;
    ¤ currency &curren; &#164;
    ¢ cent &cent; &#162;
    £ pound &pound; &#163;
    ¥ yen &yen; &#165;
    £á euro &euro; &#8364;
    ¦ broken vertical bar &brvbar; &#166;
    ¡± section &sect; &#167;
    ¨ spacing diaeresis &uml; &#168;
    ª feminine ordinal indicator &ordf; &#170;
    « angle quotation mark (left) &laquo; &#171;
    ¬ negation &not; &#172;
    © copyright &copy; &#169;
    ® registered trademark &reg; &#174;
    trademark &trade; ¡@
    ¡Â spacing macron &macr; &#175;
    ¢X degree &deg; &#176;
    ¡Ó plus-or-minus  &plusmn; &#177;
    ¹ superscript 1 &sup1; &#185;
    ² superscript 2 &sup2; &#178;
    ³ superscript 3 &sup3; &#179;
    ´ spacing acute &acute; &#180;
    µ micro &micro; &#181;
    paragraph &para; &#182;
    ¡P middle dot &middot; &#183;
    ¸ spacing cedilla &cedil; &#184;
    º masculine ordinal indicator &ordm; &#186;
    » angle quotation mark (right) &raquo; &#187;
    ¼ fraction 1/4 &frac14; &#188;
    ½ fraction 1/2 &frac12; &#189;
    ¾ fraction 3/4 &frac34; &#190;
    ¿ inverted question mark &iquest; &#191;
    ¡Ñ multiplication &times; &#215;
    ¡Ò division &divide; &#247;
    ¡K horizontal ellipsis &hellip; &#8230;



¥»¯¸¤º®eÄݨp¤H©Ò¦³ ½Ð¤Å¥ô©öÂà¸ü ¦p¶·Âà¸ü ½Ð³qª¾¥»¯¸
¥»¯¸©ÒÃìµ²¼ÐÃD¤ÎÁåµ²¤º®e ¬ÒÂk­ìÅv§Q¤H©Ò¦³
ºô¯¸¤º®e¦p¦³¥ô¦ó«IÅv ¥ç½Ð³qª¾¥»¯¸§R°£ ÁÂÁ¡I

Power by 9 Walker Studio
¥»¯¸¤º®eÄݨp¤H©Ò¦³ ½Ð¤Å¥ô©öÂà¸ü ¦p¶·Âà¸ü½Ð³qª¾¥»¯¸