HTML 背景顏色 bgcolor 與背景圖片 background 設定
1.設定背景顏色 bgcolor
例子:
<body bgcolor="orange">
2.設定背景圖片 background
例子:
<body background="背景圖片的網址">
要注意!!! 圖片網址路徑要正確，否則會無法顯示唷！
2014年10月6日 星期一
背景顏色&背景圖片的設定
HTML 背景顏色 bgcolor 與背景圖片 background 設定
1.設定背景顏色 bgcolor
例子:
<body bgcolor="orange">
2.設定背景圖片 background
例子:
<body background="背景圖片的網址">
要注意!!! 圖片網址路徑要正確，否則會無法顯示唷！
2014年10月1日 星期三
p.5-15 編號清單 範例
蝴蝶的種類
- 鳳蝶科
- 大紅紋鳳蝶
- 烏鴉鳳蝶
- 白紋鳳蝶
- 大鳳蝶
- 粉蝶科
- 荷氏黃碟
- 臺灣黃碟
- 端紅粉碟
- 黃紋粉蝶
- 小灰蝶科
- 紅邊黃小灰蝶
- 朝倉小灰蝶
- 紫小灰蝶
- 凹翅紫小灰蝶
2014年9月28日 星期日
插入圖片語法
語法:
<img src="https://googledrive.com/host/......." alt="這裡是填描述圖片的文字">
alt屬性從IE8以上就不再支援此功能,
原本的效果是類似 http://www.w3school.com.cn/tags/att_img_alt.asp
現在alt屬性只會做"圖片的描述性文字",在圖片連結不見時才會看到alt所設定的字
<img src="https://googledrive.com/host/......." alt="這裡是填描述圖片的文字">
alt屬性從IE8以上就不再支援此功能,
原本的效果是類似 http://www.w3school.com.cn/tags/att_img_alt.asp
現在alt屬性只會做"圖片的描述性文字",在圖片連結不見時才會看到alt所設定的字
有序清單--ol標記&li標記
<h2>淡水商工</h2>
<ul>
<li>商科</li>
<ol type="A">
<li>資處科</li>
<li>商經科</li>
<li>會計科</li>
<li>園藝科</li>
<li>餐飲科</li>
</ol>
<li>工科</li>
<ol >
<li>資訊科</li>
<li>控制科</li>
<li>電子科</li>
<li>電機科</li>
</ol>
<li>普通科
</ul>
<ul>
<li>商科</li>
<ol type="A">
<li>資處科</li>
<li>商經科</li>
<li>會計科</li>
<li>園藝科</li>
<li>餐飲科</li>
</ol>
<li>工科</li>
<ol >
<li>資訊科</li>
<li>控制科</li>
<li>電子科</li>
<li>電機科</li>
</ol>
<li>普通科
</ul>
無序清單--ul標記&li標記
<h2>一星期有那些天?</h2>
<ul>
<li>星期日</li>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
</ul>
<ul>
<li>星期日</li>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
</ul>
b標記 u標記 i標記
<p><b>歸園田居 之一</b></p>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
<b>羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。</b><br>
<i>方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。</i><br>
<u>曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。</u><br>
<u><i><b>戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。</b></i></u>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
<b>羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。</b><br>
<i>方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。</i><br>
<u>曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。</u><br>
<u><i><b>戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。</b></i></u>
font標記
<font size="2" color="Blue" face="標楷體">Hi,歡迎來我的網頁!</font>
備註:
1.size範圍: 1~7 (內定為3),數字愈小字體愈大
2.常用的color有: red green black white gold pink violet yellow silver blue purple navy等 (預設為black)
備註:
1.size範圍: 1~7 (內定為3),數字愈小字體愈大
2.常用的color有: red green black white gold pink violet yellow silver blue purple navy等 (預設為black)
h標題大小標記
<h1>歸園田居 之一</h1>
<h2>少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。</h2>
<h3>羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。</h3>
<h4>方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。</h4>
<h5>曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。</h5>
<h6>戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。</h6>
<h2>少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。</h2>
<h3>羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。</h3>
<h4>方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。</h4>
<h5>曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。</h5>
<h6>戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。</h6>
hr與分隔線標記
<h2>歸園田居 之一</h2>
<hr> <!-- 這是陶淵明的詩 -->
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。<br>
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。<br>
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。<br>
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。
<hr> <!-- 這是陶淵明的詩 -->
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。<br>
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。<br>
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。<br>
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。
blockquote換行並縮排標記
<h2>歸園田居 之一</h2>
<blockquote>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。<br>
</blockquote>
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。<br>
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。<br>
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。
<blockquote>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。<br>
</blockquote>
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。<br>
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。<br>
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。
pre對齊與縮排標記
歸園田居 之一
<pre>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。
</pre>
<pre>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。
</pre>
p分段和br換行標記
<p>歸園田居 之一</p>
少無適俗韻，性本愛丘山。誤落塵網中，一去三十年。<br>
羈鳥戀舊林，池魚思故淵。開荒南野際，守拙歸園田。<br>
方宅十餘畝，草屋八九間。榆柳蔭後園，桃李羅堂前。<br>
曖曖遠人村，依依墟里煙。狗吠深巷中，雞鳴桑樹顛。<br>
戶庭無塵雜，虛室有餘閒。久在樊籠裡，復得返自然。<br>
2014年9月16日 星期二
2014年8月28日 星期四
訂閱：
文章 (Atom)