close
 Near 最近開始Touch 與網頁有關基礎語法 即"HTML"

 大學期間,曾經短暫接觸過HTML , 但幾乎忘光光,因為最近除了忙

準備整理之前發表過Linux 電子手冊(12 RHCE),繼上次整理Samba手冊後,

這次依舊參考鳥哥伺服器架設篇(第三版)增修一些內容進去該電子檔,並放到

我個人SkyDrive,有興趣可以抽空參考,(主要還是供以後工作時備忘)

https://skydrive.live.com/?cid=ca40615c4610a13b#

Linux 系統記事/VSFTPD 的

VSFTPD_新整理快速配置參考By Near 20111011


由於本人是寫網頁菜鳥,對美工沒感覺(放給他去),抽空將HTML 語法Review一下

也是為了將來去資策會進修PHP+MYSQL做前置準備  2011/10/11 Near


以下語法練習 敲打,完全沒使用 Dreamweaver , 純HTML 語法練習

未來能希望放些PHP練習範例與HTML5 語法進一步運用,TKS
粗體字範例: Hello,Near!!!

斜體字範例: 我是near

底線字範例: 我愛陳匡怡

標楷體字形設定

放大字體

縮小字體

顏色字體: 紅色

#無序排列: u1 type 參數: circle,squire,disc(原點)

  • 我是NEAR
  • 我在台商工作
  • 我喜歡看,八大:我可能部會愛你

# 有序排列

  1. 我是NEAR
  2. 我在台商工作
  3. 我喜歡看,八大:我可能部會愛你

#段落#

段落開始

段落內容1.

段落內容2.

段落內容3.

段落結束 #段落格式不改變,與置中對齊#



 人生最痛苦的,或許並不是錯過,  而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,  剛剛、是一個決定我們之間是朋友或情人的Moment,  是一個決定拒絕或就此接受這份愛的Moment,  但在當下,我們以為自己沒有選擇餘地的下了決定,  回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。  



置中對齊

人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。



置右對齊

人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。



置左對齊

人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。



嵌入圖片+超連結





#表格建置範例
<我是傳奇1>
<我是傳奇2>
<我是傳奇3>
<我是傳奇4>
年底目標新版RHCEv6
恆逸資訊

RHCSA第一關卡

 

 

#合併儲存格-橫向
<我是傳奇1>
<我是傳奇2>
<我是傳奇3>
<我是傳奇4>
年底目標新版RHCEv6恆逸資訊
合併儲存格

RHCSA第一關卡

 

 


#合併儲存格-縱向
<我是傳奇1>

(縱向合併)
<我是傳奇2>
<我是傳奇3>
<我是傳奇4>
年底目標新版RHCEv6恆逸資訊

RHCE第二關卡

 

 


#表單元件-文字方框

請填入,聽得懂的話語:



#表單元件-密碼欄位

請填入,火星人密碼:


#表單元件-確認表單Submit按鈕

請確認無誤後,發送確認鍵:



#表單元件-多重勾選按鈕

我愛洋基 我愛費城人 我愛遊騎兵 我愛底特律老虎

#表單元件-唯一選擇按鈕

吃素 不吃素

#表單元件-下拉式選單

選舉出,喜歡看周末HOT偶像劇是? :



#表單元件-Textarea

請填入,備註:



以下是Near練習原始碼

<html>
<head>
<title>sample.html</title>
</head>
<body>
<b>粗體字範例: Hello,Near!!!</b></br/></br/>
<i>斜體字範例: 我是near</i></br/></br/>
<u>底線字範例: 我愛陳匡怡</u></br/></br/>
<font face="標楷體"> 標楷體字形設定 </font></br/></br/>
<font size=+8> 放大字體</font></br/></br/>
<font size=-2> 縮小字體</font></br/></br/>
<font color="#FF0000">顏色字體: 紅色</font></br/></br/>

#無序排列: u1 type 參數: circle,squire,disc(原點)

</br/></br/>

<ul type="squire">
<li> 我是NEAR</li>
<li> 我在台商工作</li>
<li> 我喜歡看,八大:我可能部會愛你</li>
</ul>

</br>

# 有序排列

<ol type="a">
<li> 我是NEAR</li>
<li> 我在台商工作</li>
<li> 我喜歡看,八大:我可能部會愛你</li>
</ol>

#段落#</br></br>

段落開始</br>

<p><font color="#68228B">段落內容1.</font></p>
<p><font color="#228B22">段落內容2.</font></p>
<p><font color="#00EEEE">段落內容3.</font></p>

段落結束


#段落格式不改變,與置中對齊#</br>

<pre>


<b>
人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。

</b>

</pre>

</br>
</br>

<b>置中對齊</b>



<div align="center">

<font color="#68228B">

<pre>

人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。

</pre>
</font>
</div>

</br>
</br>

<b>置右對齊</b>



<div align="right">

<font color="#EE7600">

<pre>

人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。

</pre>
</font>
</div>


</br>
</br>

<b>置左對齊</b>

<div align="left">

<font color="#CAFF70">

<pre>

人生最痛苦的,或許並不是錯過,

而是在錯過以後才發現,剛剛、就是最後做選擇題的時間了,

剛剛、是一個決定我們之間是朋友或情人的Moment,

是一個決定拒絕或就此接受這份愛的Moment,

但在當下,我們以為自己沒有選擇餘地的下了決定,

回頭才開始懊悔,自己其實錯過了選擇另一條應許著美麗風景的道路。

</pre>
</font>
</div>

</br></br>

<b>嵌入圖片+超連結</b></br>

</br>

<a href="http://mymedia.yam.com/keynes0918"><img src="http://homepage8.seed.net.tw/web@3/near/mylove.jpg" style="{width:300; height=350;" border="2"></a>

</br>


</br></br></br>

<b>#表格建置範例</br>

<table width="600" height="400" border="1" align="center">
<tr Bordercolor="#336699">
<td>
<div align="center">
<我是傳奇1>
</div>
</td>
<td>
<div align="center">
<我是傳奇2>
</div>
<td>
<div align="center">
<我是傳奇3>
</div>
</td>
<td>

<div align="center">
<我是傳奇4>
</div>
</td>
</tr>

<tr Bordercolor="#CD3333">

<td>

<div align="center">

<font color="#EE7600"><b>年底目標新版RHCEv6</br>恆逸資訊</b></font>

</div>

<td>

<div align="center">

<p>

<font color="#EE7600"><b>RHCSA第一關卡</b></font>

<p>

</div>

<td>


</td>

</tr>

</table>


</br>

<b>#合併儲存格-橫向</b>


<table width="600" height="400" border="1" align="center">
<tr Bordercolor="#336699">
<td>
<div align="center">
<我是傳奇1>
</div>
</td>
<td >
<div align="center">
<我是傳奇2>
</div>
<td>
<div align="center">
<我是傳奇3>
</div>
</td>
<td>

<div align="center">
<我是傳奇4>
</div>
</td>
</tr>

<tr Bordercolor="#CD3333">

<td colspan="2">

<div align="center">

<font color="#CD3333"><b>年底目標新版RHCEv6恆逸資訊</br>合併儲存格</b></font>

</div>

<td>

<div align="center">

<p>

<font color="#EE7600"><b>RHCSA第一關卡</b></font>

<p>

</div>

<td>


</td>

</tr>

</table>


</br>


</br>

<b>#合併儲存格-縱向</b>


<table width="600" height="400" border="1" align="center">
<tr Bordercolor="#336699">
<td rowspan="3">
<div align="center">
<font color="#CD3333"><b><我是傳奇1></br></br>(縱向合併)</b>
</div>
</td>
<td >
<div align="center">
<我是傳奇2>
</div>
<td>
<div align="center">
<我是傳奇3>
</div>
</td>
<td>

<div align="center">
<我是傳奇4>
</div>
</td>
</tr>

<tr Bordercolor="#CD3333">

<td>

<div align="center">

<font color="#CD3333"><b>年底目標新版RHCEv6恆逸資訊</b></br></font>

</div>

<td>

<div align="center">

<p>

<font color="#EE7600"><b>RHCE第二關卡</b></font>

<p>

</div>

<td>


</td>

</tr>

</table>

</br>

</br>

<font color="#FFEC8B"><b>#表單元件-文字方框 </b></br></br></font>

<b>請填入,聽得懂的話語</b>:</br></br>

<input type="text" name="account" value="Monkey">

</br>

</br>

<font color="#FFEC8B"><b>#表單元件-密碼欄位 </b></br></br></font>

<b>請填入,火星人密碼</b>:</br></br>

<input type="password" name="pwd" value="6789">

</br>


<b>#表單元件-確認表單Submit按鈕 </b></br></br>

<b>請確認無誤後,發送確認鍵</b>:</br></br>

<input type="submit" name="submit" value="確認">

</br>

</br>

<font color="#FFEC8B"><b>#表單元件-多重勾選按鈕 </b></br></br></font>


<input type="checkbox" name="yellow" value="true1"checked> 我愛洋基

<input type="checkbox" name="yellow" value="true2"> 我愛費城人

<input type="checkbox" name="yellow" value="true3"> 我愛遊騎兵

<input type="checkbox" name="yellow" value="true3"> 我愛底特律老虎

</br>
</br>

<font color="#FFEC8B"><b>#表單元件-唯一選擇按鈕 </b></br></br></font>

<input type="radio" name="eat" value="吃素"> 吃素

<input type="radio" name="eat" value="不吃素"checked> 不吃素

</br>
</br>

<font color="#FFEC8B"><b>#表單元件-下拉式選單 </b></br></br></font>

<strong>選舉出,喜歡看周末HOT偶像劇是? <strong> : 

</br></br>

<select name="like">

 <option> 小資女孩向前衝</option>
 <option> 我可能部會愛上你</option>
 <option> 民視豬哥會社</option>

</select>

</br></br>

<font color="#FFEC8B"><b>#表單元件-Textarea </b></br></br></font>

<p>

<b>請填入,備註</b>:</br></br>

<textarea name="memo" cols="70" rows="10"></textarea>

</p>

</br>

</body>

</html>




arrow
arrow
    全站熱搜
    創作者介紹
    創作者 終極.凱因斯 的頭像
    終極.凱因斯

    NEIL`s_IT技術學習分享發表Blog

    終極.凱因斯 發表在 痞客邦 留言(0) 人氣()