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/>
這是水平線的符號 < 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
最大的是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 >表格要包在裡面。
通訊錄 | |||
姓名: | 性別: | 女 男 | |
---|---|---|---|
生日: | 血型: | ||
電話: | |||
E-mail: | |||
地址: | |||
挖哈哈,看來可以直接丟...
留言列表