JAVA II - 0825
JAVA課程第二堂，HTML語法....
<HTML>
<HEAD>
<TITLE> Hello HTML!</TITLE>
</HEAD>
<BODY>
<P><H1>歡迎來到HTML世界！</H1></P>
<p>文字大小的設定使用 < HN > N 為 1~6
<H1>最大的是1 </H1>
<H2>依序遞增</H2>
<H3>依序遞增</H3>
<H4>依序遞增</H4>
<H5>依序遞增</H5>
<H6>最小的是6</H6></p>
=======<br/>
<p>這是 < p > <br/>
當蜜蜂死亡率升高，也就減少了可以協助授粉的蜂群，牽一髮動全身，於是大幅影響農作物產量。以美國為例，從2006年起發現蜂群衰竭失調後，2007、2008年都有超過三成的蜜蜂死亡。蜜蜂授粉的農作物產量，則占美國經濟140億美元(約新台幣4600億)之多。</p>
與
<pre> < pre > 的差別 <br/>
當蜜蜂死亡率升高，也就減少了可以協助授粉的蜂群，牽一髮動全身，於是大幅影響農作物產量。以美國為例，從2006年起發現蜂群衰竭失調後，2007、2008年都有超過三成的蜜蜂死亡。蜜蜂授粉的農作物產量，則占美國經濟140億美元(約新台幣4600億)之多。</pre>
=======<br/>
<ol><H2>段落：</H2>
<li>這是數字標題 < ol >
<li>文字斷行 < BR > or < BR/ ></li>
<BR/>
<li>文字段落 < P > 會空一行</li>
</ol>
<ul><H2>文字字體：</H2>
<li>這是符號標題 < ul ></li>
<li><tt>打字體 < tt ></tt></li>
<li><b>粗體 < b ></b></li>
<li><i>斜體 < i ></i></li>
<li><big>大字型 < big ></big></li>
<li><small>小字型 < small ></small></li>
</ul>
=======<br/>
xyz資訊工坊
這是水平線的符號 < hr/ > <hr/>
當我要插入圖片，要下< img src="" width="" height="" alt="" />的指令<br/>
其中包含width設定寬、height設定高、alt設定圖片名稱<br/>
<img src="0825.JPG" width="50%" height="50%" alt="風景圖"/>
<p>當我要製作超連結時，我可以下 < a href="URL" target="" ><br/>
其中，target="_blank"是開新視窗的意思
<a href="http://tw.yahoo.com" target="_blank">Yahoo!</a></p>
<p>那圖片與超連結合作使用呢？<br/>
先寫超連結語法，接著下圖片語法就可以了。<br/>
<a href="http://tw.yahoo.com" target="_blank"><img src="0825.JPG" width="10%" height="10%" alt="點我去yahoo首頁" border="0"></a></p>
=======<br/>
接下來，我們要進入愉快的表格世界。<br/>
當你要把abc123456789畫成一個完美有標題的3*3表格< table >，則需要使用 < tr >橫向列 與 < td >直欄 <br/>
<TABLE BORDER="1" WIDTH="80%">
<TR>
<TD COLSPAN="3" align="center">abc</TD>
</TR>
<TR>
<TD align="center">1</TD>
<TD align="center">2</TD>
<TD align="center">3</TD>
</TR>
<TR>
<TD align="center">4</TD>
<TD align="center">5</TD>
<TD align="center">6</TD>
</TR>
<TR>
<TD align="center">7</TD>
<TD align="center">8</TD>
<TD align="center">9</TD>
</TR>
</TABLE>
=======<br/>
<P>
處理完表格之後，接著是日後會常用到的表單< form >了...<br/>
< form >是表單的開頭，< TABLE >表格要包在裡面。<BR/>
<form name="name" method="post" action="" enctype="MIME">
<TABLE BORDER="1" WIDTH="80%">
<TR>
<TD COLSPAN="4" align="center">通訊錄</TD></TR>
<TR>
<TH align="center" WIDTH="20%">姓名：</TD>
<TD WIDTH="30%"><INPUT TYPE="TEXT"/></TD>
<TH align="center" WIDTH="20%">性別：</TH>
<TD WIDTH="30%"><INPUT TYPE="RADIO" VALUR="0"/>女
<INPUT TYPE="RADIO" VALUR="1"/>男</TD>
</TR>
<TR>
<TH align="center">生日：</TH>
<TD><INPUT TYPE=TEXT/></TD>
<TH align="center">血型：</TH>
<TD><SELECT><OPTION>A</OPTION>
<OPTION>B</OPTION>
<OPTION>O</OPTION>
<OPTION>AB</OPTION>
</TD></TR>
<TR>
<TH align="center">電話：</Th>
<TD COLSPAN="3"><INPUT TYPE=TEXT/></TD>
</TR>
<TR>
<TH align="center">E-mail：</TH>
<TD COLSPAN="3"><INPUT TYPE=TEXT/></TD>
</TR>
<TR>
<TH align="center">地址：</TH>
<TD COLSPAN="3"><textarea></textarea></TD>
</TR>
<TR>
<TD COLSPAN="4" ALIGN="CENTER"><input type="submit" name="Submit" value="送出">
<input type="reset" name="Submit" value="重設">
</TD>
</TR>
</TABLE>
</form>
</P>
</BODY>
</HTML>
以上，不知道能不能直接貼 :P
HTML CODE
以下，呈現方式，試試貼CODE會怎樣...
=========
歡迎來到HTML世界！
文字大小的設定使用 < HN > N 為 1~6
xyz資訊工坊
最大的是1
依序遞增
依序遞增
依序遞增
依序遞增
最小的是6
=======
這是 < p >
當蜜蜂死亡率升高，也就減少了可以協助授粉的蜂群，牽一髮動全身，於是大幅影響農作物產量。以美國為例，從2006年起發現蜂群衰竭失調後，2007、2008年都有超過三成的蜜蜂死亡。蜜蜂授粉的農作物產量，則占美國經濟140億美元(約新台幣4600億)之多。
與
< pre > 的差別
當蜜蜂死亡率升高，也就減少了可以協助授粉的蜂群，牽一髮動全身，於是大幅影響農作物產量。以美國為例，從2006年起發現蜂群衰竭失調後，2007、2008年都有超過三成的蜜蜂死亡。蜜蜂授粉的農作物產量，則占美國經濟140億美元(約新台幣4600億)之多。
=======
- 這是數字標題 < ol >
- 文字斷行 < BR > or < BR/ >
- 文字段落 < P > 會空一行
段落：
- 這是符號標題 < ul >
- 打字體 < tt >
- 粗體 < b >
- 斜體 < i >
- 大字型 < big >
- 小字型 < small >
文字字體：
=======
這是水平線的符號 < hr/ >
當我要插入圖片，要下< img src="" width="" height="" alt="" />的指令
其中包含width設定寬、height設定高、alt設定圖片名稱
當我要製作超連結時，我可以下 < a href="URL" target="" >
其中，target="_blank"是開新視窗的意思 Yahoo!
那圖片與超連結合作使用呢？
先寫超連結語法，接著下圖片語法就可以了。
=======
接下來，我們要進入愉快的表格世界。
當你要把abc123456789畫成一個完美有標題的3*3表格< table >，則需要使用 < tr >橫向列 與 < td >直欄
| abc | ||
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
=======
處理完表格之後，接著是日後會常用到的表單< form >了...
< form >是表單的開頭，< TABLE >表格要包在裡面。
| 通訊錄 | |||
| 姓名： | 性別： | 女 男 | |
|---|---|---|---|
| 生日： | 血型： | ||
| 電話： | xyz | ||
| E-mail： | |||
| 地址： | |||
挖哈哈，看來可以直接丟...
