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

=======



    段落:


  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
123
456
789

=======


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


























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



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


引用


引用此文章(FC2部落格用戶)

發表留言

秘密留言

自我介紹

gfhft

Author:gfhft
歡迎來到FC2部落格!

最新文章
最新留言
最新引用
月份存檔
類別
未分類 (1481)
搜尋欄
RSS連結
連結
加為好友

和此人成爲好友