PerfectCenter

http://seesaawiki.jp/w/madada123/d/%a5%db%a5%e0%a5...

HTML¡¡µ­¹æ
http://e-words.jp/p/r-htmlentity.html
http://heo.jp/tag/c/all.html

¢¨HTML¥¯¥¤¥Ã¥¯¥ê¥Õ¥¡¥ì¥ó¥¹
http://www.htmq.com/index.htm

¢¨WEB¿§¸«ËÜ ¸¶¿§Â缭ŵ - HTML Color Names
http://www.colordic.org/







¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
font-family:"MS UI Gothic","Osaka",sans-serif;
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
Flash¥Õ¥¡¥¤¥ë¡§anime/view.swf
MIME¥¿¥¤¥×¡§application/x-shockwave-flash
Éý¡§400px
¹â¡§227px

<param>¥¿¥°¤ò»ÈÍѤ·¡¢Flash¥à¡¼¥Ó¡¼¼Â¹Ô»þ¤Î¥Ñ¥é¥á¡¼¥¿¤òÀßÄê
Flash¥Õ¥¡¥¤¥ë¤Î¥Ñ¥é¥á¡¼¥¿Ì¾¡§src¡¡·«¤êÊÖ¤·ºÆÀ¸¤Î¥Ñ¥é¥á¡¼¥¿Ì¾¡§loop
Flash¥Õ¥¡¥¤¥ë¡§anime/view.swf
·«¤êÊÖ¤·ºÆÀ¸¡§true¡Ê·«¤êÊÖ¤·¡Ë

¥Ö¥é¥¦¥¶¤¬Flash¥µ¥Ý¡¼¥È̵¤¤¾ì¹ç¤ÎÂåÂؾðÊó¡§Flash¥Õ¥¡¥¤¥ë¤ÎºÆÀ¸¤Ë¤Ï¡¢Flash Player¤¬É¬ÍפǤ¹¡£

<p><object data="anime/view.swf" type="application/x-shockwave-flash" width="400" height="227">
<param name="src" value="anime/view.swf">
<param name="loop" value="true">
Flash¥Õ¥¡¥¤¥ë¤ÎºÆÀ¸¤Ë¤Ï¡¢Flash Player¤¬É¬ÍפǤ¹¡£
</object></p>
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¢¨É½¤ÎÃæ¤Ë¡¡µ­Æþ¥Õ¥©¡¼¥à¡¡¢­

<form>

<table>
<tr><td>¤ªÌ¾Á°</td><td><input type="text" name="name" size="30" value=""></td></tr>
<tr><td>¥á¡¼¥ë¥¢¥É¥ì¥¹</td><td><input type="text" name="mail" size="40" value=""></td></tr>
<tr><td>Çä¤ê¤¿¤¤²È¶ñ¤Î¾ÜºÙ¤òµ­Æþ¤·¤Æ¤¯¤À¤µ¤¤¡£</td><td><textarea name="comment" cols="30" rows="5"></textarea></td></tr>
</table>

</form>

<p><input type="submit" value="Á÷¿®"><input type="reset" value="¥¯¥ê¥¢"></p>

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
<form>
<p>¤ª¿½¤·¹þ¤ßÆü<br>
Ê¿À®<input type="text" name="year" size="5">ǯ
<input type="text" name="month" size="5">·î
<input type="text" name="day" size="5">Æü</p>
<p>¤ªÌ¾Á°<br>
<input type="text" name="ps" size="50"></p>

<p>¤´½»½ê<br>
<textarea name="add" cols="35" rows="2"></textarea></p>

<p>¤ª»ÙʧÊýË¡<br>
<input type="radio" name="pay" value="pr">¿¶¹þÍÑ»æ 
<input type="radio" name="pay" value="tr">¸ýºÂ¿¶ÂØ 
<input type="radio" name="pay" value="ex">Âå¶â°ú´¹</p>

<p>¤´´õ˾¤ÎÇÛã»þ´ÖÂÓ
<select name="deli">
<option value="am">¸áÁ°</option>
<option value="pm">¸á¸å</option>
<option value="nt">Ìë´Ö</option>
<option value="fr" selected>»ØÄê¤Ê¤·</option>
</select></p>

<p>¥«¥¿¥í¥°ÀÁµá<br>
<input type="checkbox" name="ctlg" value="cl">°áÉþ 
<input type="checkbox" name="ctlg" value="cb">¼ýǼ 
<input type="checkbox" name="ctlg" value="gr">»¨²ß
</p>

<p><input type="submit" value="Á÷¿®"> <input type="reset" value="Ìá¤ë"></p>
</form>
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
¹Ô´Ö³Ö¡¡line-height¡¡
ʸ»ú´Ö³Ö¡¡letter-spacing¡¡¢ª¡¡div.sample1 {letter-spacing: 10px;}
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý







»Í¶ù¤Ë·ä´Ö¤Ç¤­¤ë¤¿¤á¡¢¥×¥í¥Ñ¥Æ¥£Æþ¤ì¤ë
{margin:0;padding:0;}

¥¢¥¹¥¿¥ê¥¹¥¯¤Ï¡¢Á´Éô¤ËÂФ·¤Æ¡Á¤È¤¤¤¦°ÕÌ£
¤³¤ì¤¬Ìµ¤¤¤È;·×¤Ê·ä´Ö¤Ç¤­¤ë¤è

¿¿¤óÃæ¤Ë¤¹¤ë¡¡margin:0 auto;¡¡¢ª¾å²¼¤Ï0¡¡º¸±¦¤Ï¥ª¡¼¥È¡¡¿¿¤óÃæ¤ËÍè¤ë
¢¨margin¡¡¤Ï¡¢Â¾¤ÎÍ×ÁǤȤδֳ֤À¤¬¡¢padding¡¡¤Ï¡¢Ã±¤ËÉý¤Îɽ¸½¤¬²Äǽ

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
CSS
¿¿¤óÃæ¤Ë¤¹¤ë¡¡margin:0 auto;¡¡¢ª¾å²¼¤Ï0¡¡º¸±¦¤Ï¥ª¡¼¥È¡¡¿¿¤óÃæ¤ËÍè¤ë
¢¬¡¡0°Ê³°¤Î¾ì¹ç¤Ï¡¢pxÉÕ¤±¤ë

¥Ö¥í¥Ã¥¯Í×ÁÇÃæ¿È¤ËÂФ·¤Æ¡¢text-align:center

http://www.css-lecture.com/log/css-beginner/026.ht...
divÍ×ÁǤΤ褦¤Ê¥Ö¥í¥Ã¥¯¥ì¥Ù¥ëÍ×ÁǤò¥»¥ó¥¿¥ê¥ó¥°¤¹¤ë¤Ë¤Ï¡Ötext-align¡×¤Ï»È¤¤¤Þ¤»¤ó¡£¡Ötext-align¡×¥×¥í¥Ñ¥Æ¥£¤Ï¥¤¥ó¥é¥¤¥óÍ×ÁǤΰÌÃÖ·¤¨¤ò»ØÄꤹ¤ë¤¿¤á¤Î¤â¤Î¤Ç¤¹¤è¡£


¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
CSS
line-height:1.8;
http://www.htmq.com/style/line-height.shtml
¹Ô¤Î¹â¤µ¤ò»ØÄꤹ¤ëºÝ¤Ë»ÈÍÑ

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
CSS
hover
http://www.htmq.com/selector/hover.shtml
¥ê¥ó¥¯¤Ë¥«¡¼¥½¥ë¤¬¾è¤Ã¤¿¤ê¡¢¥¯¥ê¥Ã¥¯¤µ¤ì¤¿¾ì¹ç¤Î¥¹¥¿¥¤¥ë¤òÊѲ½¤µ¤»¤ë
a:hover¤Ç¤Ï¡È¥«¡¼¥½¥ë¤Ï¾è¤Ã¤Æ¤¤¤ë¤¬¥¯¥ê¥Ã¥¯¤Ï¤µ¤ì¤Æ¤¤¤Ê¤¤¾õÂÖ¡É

Î㡧
}
ul#navi li a:hover{
background:orange;
}

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

CSS
ÇØ·Ê¿§
body{
background:#a0a0a0;
}

¥Ú¡¼¥¸ËÜÂΤÎÇØ·Ê¿§¤Ï¡¢
div#page{
width:800px;

background:white;
margin:0 auto;
}

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
id ¥»¥ì¥¯¥¿

CSS
#style{color:red;}
HTML
<h1 id="style">¡û¡û¡û</h1>

Î㡧
ul#navi li{
width:25%;
text-align:center;
float:left;
background:pink;
}

<ul id="navi" class="clearfix">
<li><a href="index.html">¥È¥Ã¥×</a></li>
<li><a href="recipe.html">¥ì¥·¥Ô</a></li>
<li><a href="guidance.html">¶µ¼¼¤Î°ÆÆâ</a></li>
<li><a href="form.html">¤´°Õ¸«¡¦¤´´¶ÁÛ</a></li>
</ul>

¥¯¥é¥¹¥»¥ì¥¯¥¿
CSS
.style{color:red;}
HTML
<h1 class="red">¡û¡û¡û</h1>

Î㡧

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
4/15

Web¥¯¥ê¥¨¥¤¥¿¡¼½éµé¡¡P30¡Á

Doc¥¿¥¤¥×Àë¸À
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

¸·Ì©·¿
¥Õ¥ì¡¼¥à¥»¥Ã¥È¡ÊÀΤι½À®¡Ë
¤Ê¤É

lang="ja"

<title>Web¥¯¥ê¥¨¥¤¥¿¡¼Ç½ÎÏǧÄê»î¸³</title>

E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼½éµé\Âè2¾Ï

ʸ»ú¥³¡¼¥É
MSN
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
yahoo
<meta http-equiv="content-type" content="text/html; charset=utf-8">

"Content-Type"¡¡¢ª¡¡C¡¡¤¿¤À¤·¤¯¤ÏÂçʸ»ú¡¡

charset=utf-8"
charset=Shift_JIS"

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
¢¬¥¿¥¤¥È¥ë¤è¤êÁ°¤Ë½ñ¤¯

¥Ç¥£¥¹¥¯¥ê¥×¥·¥ç¥ó¤È¥­¡¼¥ï¡¼¥É¤ÏÆþ¤ì¤Æ¤ª¤­¤Þ¤·¤ç¤¦

lang="ja"¡¡¤â

<div></div>¡¡¤ÎÃæ¤Ï¡¢<p></p>¤È¤«<h1></h1>¤È¤«¡¢²¿¤«¤Ç°Ï¤¦

Xhtml¡¡<br />
html¡¡<br>

<mark></mark>
<strong></strong>

<div></div>¡¡¥Ö¥í¥Ã¥¯
¢ª¥¤¥ó¥é¥¤¥óÍ×ÁÇÈǤϡ¡<span></span>
¢ª¤³¤ì¤òCSS¤Ç¡¡span{font-size:2em;}¡¡¤È½ñ¤¯

<th></th>¸«½Ð¤·¡¡ÂÀ»ú¤Ç¥»¥ó¥¿¥ê¥ó¥°¤µ¤ì¤Æ
<caption></caption>¡¡¥Æ¡¼¥Ö¥ë¤Î¥¿¥¤¥È¥ë

valign="top"

<a href="mailto:¡¡">¥á¡¼¥ë¤Ï¤³¤Á¤é</a>

<a name="¡û¡û¡û"></a><a href="#¡û¡û¡û"></a>

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

http://www.homepage-4u.com/middle/3.html
<div class="header">¤ä<div id="header">

class¤Ç»ØÄꤷ¤¿¤â¤Î¤Ï¥¹¥¿¥¤¥ë¥·¡¼¥È¤Ç¤Ïclass̾¤ÎÁ°¤Ë
.¡Ê¥É¥Ã¥È¤Þ¤¿¤Ï¥Ô¥ê¥ª¥É¡Ë¡¢
id¤Ç»ØÄꤷ¤¿¤â¤Î¤Ï¥¹¥¿¥¤¥ë¥·¡¼¥È¤Ç¤Ïid̾¤ÎÁ°¤Ë #¡Ê¥·¥ã¡¼¥×¡Ë¤òÉÕ¤±¤Þ¤¹¡£

class="header"¤È¤·¤¿¾ì¹ç¡¢.header { color:#666666;}
¤Î¤è¤¦¤Ëclass̾¤ÎÁ°¤Ë .¡Ê¥É¥Ã¥È¤Þ¤¿¤Ï¥Ô¥ê¥ª¥É¤È¸Æ¤Ó¤Þ¤¹¡Ë¤òÉÕ¤±¤Þ¤¹¡£

id="header"¤È¤·¤¿¾ì¹ç¡¢#header {color:#666666;}
id̾¤ÎÁ°¤Ë #¡Ê¥·¥ã¡¼¥×¡Ë¤òÉÕ¤±¤Þ¤¹¡£

<div class="¡û¡û¡û"></div>¡¡.¡û¡û¡û{color:yellow;}
<div id="¡û¡û¡û"></div>¡¡#¡û¡û¡û{color:yellow;}


¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

4/21

Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé
E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Âè2¾Ï\ÌäÂê1
¤«¤é

P34¡¡ÌäÂê1¡¡¢ª¡¡P85

¡¡¾åÉÕ¤­
¡¡²¼ÉÕ¤­
<pre></pre>¡¡¤½¤Î¤Þ¤Þɽ¼¨

ÌäÂê3¡¡¥¯¥ê¥Ã¥«¥Ö¥ë¥Þ¥Ã¥×

<img src="¡û" alt="¡û" width="¡û" height="¡û" usemap="#">
<map name="¡û">
<area syape="·Á¾õ" coords="ºÂɸ" href="¥ê¥ó¥¯Àè¥Õ¥¡¥¤¥ë¥Ñ¥¹">
</map>


¢¨¡¡Éý¹â¤µÀè¤Ë½ñ¤¯¤Î¤Ï¡¡Éý

¢¬¡¡Dreamweaver ¤Ë¤Æ¡¢¥Û¥Ã¥È¥¹¥Ý¥Ã¥Èµ¡Ç½¤Ç¤Ç¤­¤ë

dtdd
http://www.htmq.com/html/dt.shtml

Æ°²è¤Ï¡¢¼ïÎàÂô»³¡¡¤½¤ì¤¾¤ìÊ̤ÎÊýË¡¤ÇºÜ¤»¤Ê¤±¤ì¤Ð¤Ê¤é¤Ê¤¤

.fla¡Ê¥Õ¥é¥Ã¥·¥å·Á¼°¡Ë¢ª.swf¡ÊWebÍѤ˰µ½Ì¤µ¤ì¤¿·Á¼°¡Ë

<object data="movies/welcome.swf" type="application/x-shockwave-flash" width="500" height="400">
<param name="movie" value="movies">

---

<form></form>

<input type="password" name="" size="" maxlength="" value="">
¥Ñ¥¹¥ï¡¼¥É¡¡ÆþÎϤ·¤Æ¤â¡ü¤Ë¤Ê¤ë

11
<input type="checkbox" name="" value="" checked>
checked¡¡¢ª¡¡¤Ï¤¸¤á¤«¤é¥Á¥§¥Ã¥¯¤·¤Æ¤¤¤ë¡¢¾õÂÖ

<textarea name="" cols="" rows=""></textarea>

ʸ»ú°ÌÃÖ
text-align:left;
vertical-align:top;




¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
4/22
Web¥¯¥ê»î¸³¾åµé¡¡P85¡Á
E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Âè4¾Ï\ÌäÂê5

css¤Ë
vertical-align:;
http://www.htmq.com/style/vertical-align.shtml
top¾åü·¤¨
middleÃæ±û·¤¨
bottom²¼Ã¼Â·¤¨
text-top¥Æ¥­¥¹¥È¤Î¾åü·¤¨¡Ê¥Æ¡¼¥Ö¥ë¥»¥ë¤Ø¤Î»ØÄê¤Ï̵¸ú¡Ë
text-bottom¥Æ¥­¥¹¥È¤Î²¼Ã¼Â·¤¨¡Ê¥Æ¡¼¥Ö¥ë¥»¥ë¤Ø¤Î»ØÄê¤Ï̵¸ú¡Ë
super¾åÉÕ¤­Ê¸»ú¡Ê¥Æ¡¼¥Ö¥ë¥»¥ë¤Ø¤Î»ØÄê¤Ï̵¸ú¡Ë
sub²¼ÉÕ¤­Ê¸»ú¡Ê¥Æ¡¼¥Ö¥ë¥»¥ë¤Ø¤Î»ØÄê¤Ï̵¸ú¡Ë



text-transform:capitalize;¡¡ÀèƬ¤À¤±Âçʸ»ú
http://www.htmq.com/style/text-transform.shtml

.a{white-space:normal;}
.b{white-space:pre;}
.c{white-space:nowrap;}

font:font-style font-wight font-size /line-height font-family;
font-style font-wight font-size /line-height font-family;

background:color url("¡û/¡û") repeat position
css¡¡background-image:url("../¡û/¡û");

border:style width color;¡¡½çÉÔƱ
border-top right bottom left:¡û;

list-style-image:url("¡û/¡û");

µ¼»÷¡¡a:link visited hover active{}

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý


<mark></mark>
<a name="japan"></a>
<a name="¡û¡û¡û"></a>
<a name="¡û¡û¡û"></a><a href="#¡û¡û¡û"></a>

<a href="list.html#asia"></a>

P122¤Þ¤Ç

4/23

E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê\ÌäÂê1

<link rel="stylesheet" type="text/css" href="css/base.css">
css¡¡
background-image:url("../images/logo.gif");

css¡¡
body{color:#¡û;background:#¡û url("../¡û/¡û") no-repeat right top}

¡¡¾å¡¡¡¡²¼¡¡<pre></pre>¡¡¤½¤Î¤Þ¤Þ

<div class="¡û¡û¡û"></div>¡¡.¡û¡û¡û{color:yellow;}
<span class="mark"></span>

object

<object data="anime/title.swf" type="application/x-shockwave-flash" width="300" height="200">
<param name="src" value="anime/title.swf">
<param name="loop" value="true">
Flash¥Õ¥¡¥¤¥ë¤òºÆÀ¸¤¹¤ë¤Ë¤Ï¡¢Flash Player¤¬É¬ÍפǤ¹¡£</object><br>

<object data="¡û" type="¡û" width="¡û" height="¡û"></object>
<param name="¡û" value="¡û">
<param name="loop" value="true">
Flash¥Õ¥¡¥¤¥ë¤òºÆÀ¸¤¹¤ë¤Ë¤Ï¡¢Flash Player¤¬É¬ÍפǤ¹¡£</object><br>

usemap="#map">

<area shape="poly" coords="" href="" alt="">

<map name="map"></map>
<area shape="poly" coords="10,20,100,20,55,190" href="orange.html" alt="¥ª¥ì¥ó¥¸">
<area shape="poly" coords="105,20,195,20,150,190" href="melon.html" alt="¥á¥í¥ó">
<area shape="poly" coords="200,20,290,20,245,190" href="strawberry.html" alt="¥¹¥È¥í¥Ù¥ê¡¼">

<area shape="" coords="" href="" alt="">

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

4/24

Web¥¯¥ê»î¸³¾åµé¡¡P122¡Á
E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê\ÌäÂê6


th,td{

color:#000000; background-color:#ffffff border:inset 2px #cccccc padding:5px;

}




<caption>¥¤¥Ù¥ó¥È°ìÍ÷</caption>

<tr>
<th>Æü¤Ë¤Á</th>
<th>»þ´Ö</th>
<th>¥¤¥Ù¥ó¥ÈÆâÍÆ</th>
<th>³«ºÅ¾ì½ê</th>
</tr>

<tr>
<td rowspan="2">5·î5Æü¡ÊÌÚÍËÆü¡Ë</td>
<td>13»þ¤«¤é</td>
<td>¥Õ¥é¥ï¡¼¥Ñ¥ì¡¼¥É¡ÊÂè°ìÉô¡Ë</td>
<td>¥á¥¤¥ó¥¹¥È¥ê¡¼¥È</td>
</tr>

<tr>

<td>17»þ¤«¤é</td>
<td>¥Õ¥é¥ï¡¼¥³¥ó¥µ¡¼¥È</td>
<td>¥á¥¤¥ó¥¹¥Æ¡¼¥¸</td>
</tr>

<tr>
<td rowspan="2">5·î6Æü¡Ê¶âÍËÆü¡Ë</td>
<td>13»þ¤«¤é</td>
<td>¥Õ¥é¥ï¡¼¥Ñ¥ì¡¼¥É¡ÊÂèÆóÉô¡Ë</td>
<td>¥á¥¤¥ó¥¹¥È¥ê¡¼¥È</td>
</tr>

<tr>

<td>15»þ¤«¤é</td>
<td>¥¬¡¼¥Ç¥Ë¥ó¥°¥»¥ß¥Ê¡¼</td>
<td>¥á¥¤¥ó¥¹¥Æ¡¼¥¸</td>
</tr>

¢¨rowspan¡¡¤·¤¿Ê¬¡¢<td></td>¡¡¤ò1¸Ä¤º¤Äºï½ü¤·¤Ê¤±¤ì¤Ð¤Ê¤é¤Ê¤¤
¢¨background-color:#ffffff;¡¡¤Î¡¢¤ª¿¬¤Î¥»¥ß¥³¥í¥ó¤¬È´¤±¤Æ¤¤¤¿

<tr>
<th class="row1">Æü¤Ë¤Á</th>
<th class="row2">»þ´Ö</th>
<th class="row3">¥¤¥Ù¥ó¥ÈÆâÍÆ</th>
<th class="row4">³«ºÅ¾ì½ê</th>
</tr>



¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê\ÌäÂê7

h1{font:bold italic 500% /140% "Times New Roman","Times",serif;}


.logo{

color:#ffffff; background-color:#003399; text-align:right; padding:20px; margin-right:30px; float:left;

}

.logo p{font:italic 90% "Times New Roman","Times",serif;}

¢¨¡¡css ¹Ô´Ö¡¡¢ª¡¡/140%¡¡http://www.tagindex.com/stylesheet/text_font/font....
¢¨¡¡padding:20px;¡¡¢ª¡¡¥»¥ß¥³¥í¥ó¡¡Ëº¤ì¤¿

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê\ÌäÂê8

¢¨¡¡display:inline;¡¡http://taneppa.net/display-inline-block/
¢ª¡¡¥Ö¥í¥Ã¥¯Í×ÁÇ<h1></h1>¤È¤«<p></p>¤È¤«¤¬¡¢¥¤¥ó¥é¥¤¥óÍ×ÁǤȤʤ겣ʤÖ

¢¨ÁªÂò¥ê¥¹¥È
<p><select name="departure">
<option value="narita" selected>À®ÅÄ</option>
<option value="nagoya">̾¸Å²°</option>
<option value="kansai">´ØÀ¾</option>
<option value="fukuoka">Ê¡²¬</option>
</select></p>

<input type="submit" value="¸¡º÷">
<input type="radio" "checkbox" "submit" value="¡û">

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê\ÌäÂê9\¼Â»Ü¸å


ul{

line-height:200%; list-style-type:circle;

}

.menu{
border-right:solid 1px #993366;
margin-right:10px;
float:left;
width:150px;
height:300px;
}

¢¨¡¡µ¿Ìä¡¡
E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê\ÌäÂê9\¼Â»Ü¸å
¤Î¡¢padding

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
4/25¡¡¤Ï¡¢
E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\¼«Í³ÌäÂê
¤«¤é

4/25

<link rel="stylesheet" type="text/css" href="¡û¡û¡û.css">

<ul><li></li></ul>¡¡µ­¹æÉÕ¤­


<p><object data="anime/view.swf" type="application/x-shockwave-flash" width="400" height="227">

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

5/14¡¡HPºîÀ®³«»Ï

E:\Users\SCHOOL\Desktop\¼ø¶È¶µºà2\Web¼ÂÁ©\¼ÂÁ©1\green_leaf

html; charset=utf-8"
¥­¥ã¥é¥¯¥¿¡¼ÀßÄê¡¡¥¿¥¤¥È¥ë¤è¤ê¾å¤Ë

<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
½ñ¼°¤äjava¥¹¥¯¡¡¤ÎÀë¸À

<meta name="description" content="Ãæ¿È¤ÎÀâÌÀ">¡¡¸¡º÷¤Ë´Ø·¸¤¢¤ë¥ï¡¼¥É¤òÆþ¤ì¤ë
<meta name="keywords" content="¼«Á³,ÎÐ,¥°¥ê¡¼¥ó¥ê¡¼¥Õ">¡¡

bace.css¡¡¢ª¥¹¥Ú¥ë´Ö°ã¤¤

¿¿¤óÃæ¤Ë´ó¤»¤¿¤¤¤«¤é¡¡margin:0 auto;

ʸ»ú¥³¡¼¥É¡¡²½¤±¤Ê¤¤¤è¤¦¤Ë¡¡utf-8¡¡¢ª¡¡shift_JIS¡¡¤ËÊѹ¹

div¡¡¤Ï¡¢¤Ç¤­¤ë¤À¤±»È¤ï¤Ê¤¤¡¡»È¤ï¤Ê¤¯¤Æ¤¤¤¤¾ì¹ç»È¤ï¤Ê¤¤
div¡¡¤ÎÃæ¤ËÊ£¿ô¤ÎÍ×ÁÇ¡¢¤¿¤È¤¨¤Ð¡¢<p></p>¡¡<h1></h1>¡¡¤Ê¤É¤¬Æþ¤ë¤Ê¤é¡¡div»È¤¦
<ul><li></li></ul>¡¡¤À¤±¤Ê¤é¡¡divÉÔÍ×

css
div°Ê³°¤Ë#¤ò»È¤¦¾ì¹ç
ul#gloval_navi{}¡¡¢ª¡¡ul¡¡¤Ë°Ọ̵̃¤·¡¡gloval_navi¡¡¤Ë¡¡ul¤¬³Ý¤«¤Ã¤Æ¤¤¤ë¤È¤¤¤¦°ÕÌ£

clearfix
¢¨¥é¥Ã¥Ñ¡¼¤Ëclearfix¤ò³Ý¤±¤ë¡¡¤¹¤ë¤È¡¢²¼¤«¤é²¿¤«¾å¤¬¤Ã¤ÆÍè¤Ê¤¤

.clearfix:after {

content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix{

display:block;

---

¥ê¥ó¥¯¤¬³Ý¤«¤Ã¤Æ¤¤¤ë¤È¤³¤í¤Ï¡¢¥ê¥ó¥¯¤ËÂФ·¤Æ¿§ÀßÄê¡¡<ul><li></li></ul>¡¡¤Ë³Ý¤±¤Æ¤â̵ÂÌ

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Ìϵ¼»î¸³\Âè1²ó\¼«Í³ÌäÂê\stores

Flash¥Õ¥¡¥¤¥ë¡§anime/view.swf
MIME¥¿¥¤¥×¡§application/x-shockwave-flash
Éý¡§400px
¹â¡§227px

<param>¥¿¥°¤ò»ÈÍѤ·¡¢Flash¥à¡¼¥Ó¡¼¼Â¹Ô»þ¤Î¥Ñ¥é¥á¡¼¥¿¤òÀßÄê
Flash¥Õ¥¡¥¤¥ë¤Î¥Ñ¥é¥á¡¼¥¿Ì¾¡§src¡¡·«¤êÊÖ¤·ºÆÀ¸¤Î¥Ñ¥é¥á¡¼¥¿Ì¾¡§loop
Flash¥Õ¥¡¥¤¥ë¡§anime/view.swf
·«¤êÊÖ¤·ºÆÀ¸¡§true¡Ê·«¤êÊÖ¤·¡Ë

¥Ö¥é¥¦¥¶¤¬Flash¥µ¥Ý¡¼¥È̵¤¤¾ì¹ç¤ÎÂåÂؾðÊó¡§Flash¥Õ¥¡¥¤¥ë¤ÎºÆÀ¸¤Ë¤Ï¡¢Flash Player¤¬É¬ÍפǤ¹¡£

<p><object data="anime/view.swf" type="application/x-shockwave-flash" width="400" height="227">
<param name="src" value="anime/view.swf">
<param name="loop" value="true">
Flash¥Õ¥¡¥¤¥ë¤ÎºÆÀ¸¤Ë¤Ï¡¢Flash Player¤¬É¬ÍפǤ¹¡£
</object></p>

¢¨objectÍ×ÁǤϥ¤¥ó¥é¥¤¥óÍ×ÁǤʤΤǡ¢¥Ö¥í¥Ã¥¯¥ì¥Ù¥ëÍ×ÁǤÎÃæ¤Ë»È¤¦¡£

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Âè4¾Ï\¼Â»Ü¸å\ÌäÂê1
css¥Õ¥¡¥¤¥ë¤Ø¤Î¥ê¥ó¥¯¡§
<link rel="stylesheet" type="text/css" href="css/base.css">

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¼ø¶È¶µºà2\Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé\Âè4¾Ï\¼Â»Ü¸å\ÌäÂê5
¥¯¥é¥¹up¡¡¤ò¡¡¹Ô¤Î¾å¦¤ËÇÛÃÖ¡¡¢ª¡¡.up{vertical-align:super;}

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

Web¥¯¥ê¥¨¥¤¥¿¡¼¾åµé¡Ê²þÄû3ÈÇ¡Ë\Ìϵ¼»î¸³\Âè1²ó\µ¬ÄêÌäÂê1
<h2><a name="japan">ÆüËÜÎÁÍýŹ¥ê¥¹¥È</a></h2>
¢­
<li><a href="list.html#japan">ÆüËÜÎÁÍý</a></li>

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¡¡¾åÉÕ¤­Ê¸»ú
¡¡²¼ÉÕ¤­Ê¸»ú

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¥¯¥ê¥Ã¥«¥Ö¥ë¥Þ¥Ã¥×¡¡rect¡¡circle¡¡poly
<img src="illust/glass.gif" alt="" width="" height="" usemap="#map">
<mapname="map">
<area shape="poly" coords="10,20,100,20,55,190" href="orange.html" alt="¥ª¥ì¥ó¥¸">
</map></p>

<ul><li></li></ul>
<ol><li></li></ol>
CSS¡¡¹ÔƬÈÖ¹æÉÕ¤­¥ê¥¹¥È
http://itpro.nikkeibp.co.jp/article/Reference/2009...
circle Çò´Ý
disc ¹õ´Ý
decimal ¿ô»ú
upper-roman ¥í¡¼¥Þ¿ô»ú¤ÎÂçʸ»ú
lower-roman ¥í¡¼¥Þ¿ô»ú¤Î¾®Ê¸»ú
upper-alpha
square ¹õ»Í³Ñ

CSS¡¡¥ê¥¹¥È¤Î¥Þ¡¼¥¯¡¡list-style-type:square;
CSS¡¡¥ê¥¹¥È¤Î¥Þ¡¼¥¯¤ÎÇÛÃÖ¡¡ul.inside { list-style-position : inside; }


¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
ÁªÂò¥ê¥¹¥È

<p><select name="departure">
<option value="narita" selected>À®ÅÄ</option>
<option value="nagoya">̾¸Å²°</option>
<option value="kansai">´ØÀ¾</option>
<option value="fukuoka">Ê¡²¬</option>
</select></p>

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹
<input type="checkbox" name="destination" value="america">¥¢¥á¥ê¥«
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¸¡º÷¥Ü¥¿¥ó¤È¥¯¥ê¥¢¥Ü¥¿¥ó
<p>
<input type="submit" value="¸¡º÷"> <input type="reset" value="¥¯¥ê¥¢">
</p>
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¹ÔƬµ­¹æÉÕ¤­¥ê¥¹¥È¡¡¹Ô´Ö³Ö¡¡µ­¹æÇò´Ý
ul{
line-height:200%;
list-style-type:circle;
}
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¤½¤Î¤Þ¤Þɽ¼¨¤µ¤ì¤ë¤è¤¦¤Ë
<pre></pre>¡¡Preformatted Text
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¹ÔƬµ­¹æ¤Î°ÌÃÖ
list-style-position:¡û¡û¡û;
inside¡¡outside
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¹ÔƬµ­¹æÉÕ¤­¥ê¥¹¥È¡¡Çò´Ý¡¡Æâ¦
ul{
list-style:circle inside;
}
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¥Æ¥­¥¹¥È¥Ü¥Ã¥¯¥¹¡Ê̾Á°¤Ê¤ÉÆþ¤ì¤ë¥Õ¥©¡¼¥à¡Ë
<input type="text" name="¡û¡û¡û" size="¡û" maxlength="¡û" value="ºÇ½é¤Îʸ»úÎó">
¢¨¡¡input type¡¡¥Ï¥¤¥Õ¥ó̵¤·

<form>
<p>¤ªÌ¾Á°<br>
<input type="text" name="namae" size="30" maxlength="30" value="">
</p>

<p>¤´½»½ê<br>
<input type="text" name="juusyo" size="70" maxlength="70" value="">
</p>

¢¨¡¡¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹

<p>¤´´õ˾¤Î¥³¡¼¥¹¤òÁªÂò¤·¤Æ¤¯¤À¤µ¤¤¡£¡ÊÊ£¿ôÁªÂò²Ä¡Ë<br>
<input type="checkbox" name="course" value="boki">Êíµ­ 
<input type="checkbox" name="course" value="jouhou">¾ðÊó½èÍý 
<input type="checkbox" name="course" value="kaikeishi">¸øǧ²ñ·×»Î 
<input type="checkbox" name="course" value="zeirishi">ÀÇÍý»Î</p>

<p>Åö¹»¤ÎÄê´ü¥Ë¥å¡¼¥¹¤ÎÇÛ¿®¤ò´õ˾¤µ¤ì¤Þ¤¹¤«¡©<br>
<input type="radio" name="news" value="yes" checked>¤Ï¤¤ 
<input type="radio" name="news" value="no">¤¤¤¤¤¨</p>
<p><input type="submit" value="Á÷¿®"> 
<input type="reset" value="¥¯¥ê¥¢"></p>
</form>
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¡¦¹ÔƬµ­¹æ¡¡É½¼¨¤·¤Ê¤¤¡¡list-style-type:none;

ÇØ·Ê·«¤êÊÖ¤·¡¡repeat-y

¡¦²èÁüÇÛÃÖ
<p><img src="images/corner.jpg" alt="" width="347" height="212"></p>
img src¡¡¢ª¡¡¥¹¥Ú¡¼¥¹¶õ¤±¤ë
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
css
.accent{
margin:0;
position:absolute;
top:0;
right:0;

¢¨static¡¡É¸½à°ÌÃÖ¡¡relative¡¡ÁêÂÐŪ¤Ê°ÌÃÖ¡¡absolute¡¡ÀäÂÐŪ°ÌÃÖ
relative¡¡absolute¡¡¤Ï¡¢top¡¢right¡¢bottom¡¢left¡¡¤È°ì½ï¤Ë»È¤¦
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
5/16

¿¿¤óÃæ¤Ë´ó¤»¤¿¤¤¤È¤­¡¡display:inline;¡¡º¸±¦¤Ê¤é¡¢float
¥Õ¥í¡¼¥È»È¤¨¤Ê¤¤¤Î¤Ç¡¢display:inline;¡¡»È¤¦

ul li{
display:inline;
margin:0 15px;
}

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
»ú²¼¤²
text-indent:1em
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

CSS¡¡¤Ë¡¡clearfix¡¡HTML¡¡¤Ë¡¡class="clearfix"¡¡¤òÉÕ¤±¤ë¤³¤È¤Ç¡¢
ÉÕ¤±¤¿HTML¥¯¥é¥¹¤Î¸å¤¬¡¡¾å¤¬¤Ã¤Æ¤¯¤ë¤Î¤ò°ìľÀþ¤ÇËɤ°
clearfix¤ò¼è¤ë¤È¡¢¤½¤Î²¼¤¬Á´Éô¾å¤Ë¾å¤¬¤Ã¤Æ¤·¤Þ¤¦¡£

¢¨¡¡¤¿¤À¤·¡¢³Æ¥Ñ¡¼¥Ä¤Ë¹â¤µÀßÄꤷ¤Æ¤¤¤ë¤È¡¢clearfix¡¡¤Ï¸ú¤«¤º¡¢²¼Éô¥¬¥¿¥¬¥¿¤Ë¤Ê¤ë

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

<div id="header">
<h1>
GREEN LEAF<br>
<span>ÎФȼ«Á³¤ò¥Æ¡¼¥Þ¤Ë¤·¤¿¥Û¡¼¥à¥Ú¡¼¥¸</span>
</h1>
</div>

¢¨¡¡Á´ÂÎ¥Õ¥©¥ó¥È¥µ¥¤¥º12¡¡h1¤ÏÂ礭¤¯ÀßÄꤷ¤Æ¤¤¤ë¤Î¤Ç¡¢span¡¡¤Ç°Ï¤ó¤Ç¡¡Â礭¤¯¤»¤º¡¡12¤Ë¤·¤Æ¤ä¤Ã¤Æ¤¤¤ë

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

¢¨¡¡CSS

h2{
font-size:1.5em;
color:#45ad59;
line-height:1.0;
background:#a9ffb1;
}

¢¨¡¡line-height:1.0;¡¡¤Ï¡¢¤³¤³¤À¤±²þ¤á¤ÆÄêµÁ¤¹¤ëɬÍפ¬¤¢¤ë¤«¤é

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

HTML¡¡Ê¸»ú¤ò»Í³Ñ¤Ç°Ï¤à¡¡
http://aminamura.blog.fc2.com/blog-entry-5.html

¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

#item{

border:dotted 10px white;

}

¢¨¡¡border-width¡¡¤Ï¡¢3px¤¬É¸½à¡¡Ê¤ٽçÊѤ¨¤Æ¤âOK

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¢¨¡¡css¡¡¥Õ¥©¥ó¥È¡¡¤Þ¤È¤á½ñ¤­
http://webdirector.livedoor.biz/archives/52586274....
http://www.htmq.com/style/font.shtml
¥×¥í¥Ñ¥Æ¥£¤Î½çÈ֤ȡ¢É¬¤ºÀßÄꤷ¤Ê¤±¤ì¤Ð¤Ê¤é¤Ê¤¤É¬¿Ü¥×¥í¥Ñ¥Æ¥£

font:bold italic small-caps 14px/1.5 "£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",Osaka,sans-serif;
½çÈÖ¤òÃí°Õ¤¹¤Ù¤­ÅÀ¤Ï font-size¡Ê14px¡Ë¢ªline-height¡Ê1.5¡Ë¢ªfont-family¡Ê"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",Osaka,sans-serif¡Ë¡£
¤³¤ÎÁ°¤Ëfont-style¡Êitalic¡Ë¡¢ font-weight¡Êbold¡Ë¡¢ font-variant¡Êsmall-caps¡Ë¤¬Æþ¤ê¤Þ¤¹¤¬¤³¤Á¤é¤Ï½çÉÔƱ¤Ç¤â¹½¤¤¤Þ¤»¤ó¡£

¤½¤ì¤È¡¢font-size¡¢font-family¤Ï¾Êά¤¹¤ë¤³¤È¤¬¤Ç¤­¤Þ¤»¤ó¡£
¤·¤¿¤¬¤Ã¤Æ

font:bold 14px "£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",Osaka,sans-serif;
¤ÏOK¤Ç¤¹¤¬¡¢
font:bold 14px/1.5;
¤ÏNG¤È¤¤¤¦¤³¤È¤Ë¤Ê¤ê¤Þ¤¹¡£

¤Þ¤È¤á¤Þ¤¹¡£¡Ê¥×¥í¥Ñ¥Æ¥£Ì¾¤Ë¤Æɽµ­¡Ë
font:[font-style font-weight font-variant] font-size/line-height font-family;
Âç³ç¸Ì¡Ê¡Î¡Ï¡ËÆâ½çÉÔƱ²Ä¡¢ÀÖ»úɬ¿Ü¡£

¢¨¡¡small-caps
http://www.htmq.com/style/font-variant.shtml
¾®Ê¸»ú¤Îɽ¼¨·Á¼°¤¬¾®Ê¸»ú¥µ¥¤¥º¤ÎÂçʸ»ú¤Ë¤Ê¤Ã¤Æ¤¤¤ë¤â¤Î¤ò

---

¢¨¡¡padding¡¡¤È¡¡margin¡¡¤Ï¡¢½Å¤Ê¤é¤Ê¤¤¤¬¡¢margin¡¡margin¡¡¤À¤È½Å¤Ê¤ë

¢¨¡¡h1¡¡²þ¹Ô¤·¤Ê¤¤
http://q.hatena.ne.jp/1148214370
h1 { display: inline; }

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

#flower_list ul li:first-child{

border-top:1px solid #ffffff;

}

http://www.htmq.com/selector/first-child.shtml
Î㤨¤Ð¡¢¥ê¥¹¥È¤ÎºÇ½é¤Î¹àÌܤÀ¤±¤È¤«¡¢¤¤¤¯¤Ä¤«¤¢¤ëÃÊÍî¤Î¤¦¤Á¡¢ºÇ½é¤ÎÃÊÍî¤À¤±¤Ë¥¹¥¿¥¤¥ë»ØÄꤹ¤ë¾ì¹ç¤Ê¤É¤Ë»ÈÍÑ

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

¢¨css¡¡background¡¡¤Þ¤È¤á¤Æ»ØÄê
body{

color:#000000; background:#ffffff url("./images/back.gif") repeat-x top; padding-top:30px; }

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

µ¼»÷¡¡a:link visited hover active{}
http://www.htmq.com/selector/hover.shtml

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

a:hover{

color:#ffffff; background-color:#cc3366; text-decoration:none; }

a:active{ color:#333333; background-color:transparent; }

¢¨¡¡transparent¡¡Æ©ÌÀ¤Ë¤¹¤ë

http://www.tagindex.com/stylesheet/frame/backgroun...

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½

¢¨¾åÉÕ¤­²¼ÉÕ¤­
CSS

.down{ color:#660033; vertical-align:sub; } .up{ color:#660099; vertical-align:super; }

¢­

<h1><span class="down">HOP</span> STEP <span class="up">JUMP</span></h1>

¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
¢¨CSS¡¡footer¡¡adress

<div id="footer">

<adress>Copyright© GREEN LEAF</adress>

</div>
¢­
#footer{

width:850px; background:#4d670d;

}

#footer address{

color:#ffffff; text-align:center;

}

¢¨adress¡¡¤Î¥¹¥Ú¥ëÃí°Õ¡¡
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
¢¨CSS¡¡footer¡¡adress

<div id="footer">

<adress>Copyright© GREEN LEAF</adress>

</div>
¢­
#footer{

width:850px; background:#4d670d;

}

#footer address{

color:#ffffff; text-align:center;

}

¢¨address¡¡¤Î¥¹¥Ú¥ëÃí°Õ¡¡
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
¢¨¥Æ¥­¥¹¥È¥¨¥ê¥¢
<p>¤´°Õ¸«¡¦¤´´¶ÁÛ<br>
<textarea name="opinion" cols="50" rows="4">²¿¤«¤¢¤ê¤Þ¤·¤¿¤éÆþÎϤ·¤Æ¤¯¤À¤µ¤¤¡£</textarea>
</p>
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
css
.contents ul{

list-style-type:square; list-style-position:outside;

}

¢¨¡¡¢­¤Þ¤È¤áµ­ºÜ²Äǽ

.contents ul{

list-style:square inside;

}
¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½¡½
ol{

list-style-type:upper-alpha;

}




¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
<h1>ÅߤÎÆ»Åì¥Ä¥¢¡¼¤Î¤´°ÆÆâ</h1>
<table>

<tr><th>ÆüÄø</th><th>ͽÄê</th><th>½ÉÇñ</th><th>¿©»ö</th></tr>
<tr><th>2/9</th><td>Åìµþ¡Ê±©ÅÄ¡Ë9¡§10ȯ¡Ý¶üÏ©10¡§40Ãå<br>¢¨JNA741ÊØ</td><td>¸ÐÈʥۥƥë</td><td>ͼ¡ËÆÃÊ̸æÁ·</td></tr>
<tr><th>2/10</th><td colspan="2">¼«Í³¹ÔÆ°</td><td colspan="2">¥Ú¥ó¥·¥ç¥ó¥Ý¡¼¥Á</td><td>Ä«¡ËÏ¿©¥Ð¥¤¥­¥ó¥°<br>ͼ¡Ë¥¸¥ó¥®¥¹¥«¥ó</td></tr>
<tr><th>2/11</th><td>Ä«¡ËÍο©¥Ð¥¤¥­¥ó¥°<br>ͼ¡ËË̳¤¤·¤Þ¤¨¤ÓÎÁÍý</td></tr>
<tr><th>2/12</th><td>¶üÏ©8¡§30ȯ¡ÝÅìµþ¡Ê±©ÅÄ¡Ë10¡§15Ãå<br>¢¨JNA149Êءʵ¡ÆâÄ«¿©¡Ë</td><td rawspan="2">¶õ¹Á¤Ç²ò»¶¤Ç¤¹¡£<br>¤ªµ¤¤ò¤Ä¤±¤Æ¤ªµ¢¤ê²¼¤µ¤¤¡£</td></tr>

</table>
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
.free{

border-style-type:dashed;

}

¢­¡¡-type¡¡¤ÏÉÔÍ×

.free{

border-style:dashed;

}
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý

thead
http://www.htmq.com/html/thead.shtml

HTML¡¡¥»¥ë¤ÎÃæ±û¤Ë²èÁü
http://html.eweb-design.com/0703_td.html
align¡¡center¡¡¥»¥ë¤ÎÆâÍƤòÃæ±û·¤¨¡¡align="center"
valign¡¡middle¡¡Ãæ±û·¤¨(½é´üÃÍ)¡¡valign="middle"

align="center" valign="middle"

Illustrator‎
EPS¡¡¥¢¥¦¥È¥é¥¤¥ó¼è¤Ã¤¿¤â¤Î
¤½¤Î¤Þ¤Þ¤Î¡¡AI¡Ê¥¤¥é¥ì¡Ë¥Ç¡¼¥¿¤âɬÍ×
¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý
FONT¡¡¤Þ¤È¤á½ñ¤­
http://www.htmq.com/style/font.shtml
1.font-style¡¢font-variant¡¢font-weight¡Ê½çÉÔƱ¡Ë
2.font-size
3.line-height
4.font-family

http://webdirector.livedoor.biz/archives/52586274....



¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý¡Ý