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億)之多。

=======

    段落:

  1. 這是數字標題 < ol >
  2. 文字斷行 < BR > or < BR/ >

  3. 文字段落 < P > 會空一行

    文字字體:

  • 這是符號標題 < ul >
  • 打字體 < tt >
  • 粗體 < b >
  • 斜體 < i >
  • 大字型 < big >
  • 小字型 < small >

=======
這是水平線的符號 < hr/ >


當我要插入圖片,要下< img src="" width="" height="" alt="" />的指令
其中包含width設定寬、height設定高、alt設定圖片名稱
國家體育館

當我要製作超連結時,我可以下 < a href="URL" target="" >
其中,target="_blank"是開新視窗的意思 Yahoo!

那圖片與超連結合作使用呢?
先寫超連結語法,接著下圖片語法就可以了。
點我去yahoo首頁

=======
接下來,我們要進入愉快的表格世界。
當你要把abc123456789畫成一個完美有標題的3*3表格< table >,則需要使用 < tr >橫向列 與 < td >直欄

abc
1 2 3
4 5 6
7 8 9

=======

處理完表格之後,接著是日後會常用到的表單< form >了...
< form >是表單的開頭,< TABLE >表格要包在裡面。

通訊錄
姓名: 性別:
生日: 血型:
電話:
E-mail:
地址:



挖哈哈,看來可以直接丟...

DropAngel 發表在 痞客邦 PIXNET 留言(0) 人氣()