HTML的結構(文章測試)

椰子 · 發表於 2011-3-30 00:57:17

本文章最後由椰子於 2011-3-30 14:26 編輯

以下Html 代碼為高階使用者使用，初級入門請參考回覆第一篇的img代碼

<html> ... </html> 之間就是html的內容，有了這個語法就能界定這個是使用了HTML的文件了；
<head> ... </head> 的位置是用來放一些這個HTML文件的設定，而這個範圍內的內容是不會在瀏覽器內顯示出來的；
<body> ... </body> 就是這個檔案的重心，所有要顯示的內容都要放在這裡；
<title> ... </title> 是整個檔案的標題，會顯示在視窗最頂處的標題列。

 這個標籤（tag）能使文章換行
 這個也是一樣，不過它是用來分段的，所以分隔比較大；也可以 ... 來顯示


這是用來設定該段落文字的對齊位置，而align="xxx"就是的參數，這個是置左

這個也是同上，把段落置中

如此類推，這個當然是置右啦！
 .... 也可以 <center> .... </center> 來代替

<pre> 這個是用來把文字的格式保存的標籤
<blockquote>這個可用來把該段文字往右縮排一段距離
<hr>這是分隔線標籤，水平分隔版面。也可以加上屬性：color、size、width、align、noshade

<img src="xxx">插入圖像，xxx為網址名稱

width 及 height
<img src="位置" width="數字" height="數字">
若果圖像不用width和height來指定其長闊，就會用回原來的大小，如果使用了，就會按長闊來放大縮小

alt
<img src="位置" alt="文字">
若果我們把mouse放在圖片上等待一秒，就會出現一行文字，這就是alt的功能了，可作補充、解釋之用。

border
<img src="位置" border="數字">
border是邊緣，可設定它的粗幼度。如果是 0 的話就會隱形

設定字體格式
<h1>文字</h1>
設定文字為標題，被Tag包著的字成為標題，會變得大起來、粗黑些。最細的是<h6>，最大是<h1>。

a) size
這是設定字體大小的參數
b) color
這是設定字體顏色的參數
c) face
這是設定字體字型的參數

文字的其他效果。
a) ... 
這是用來把文字變粗
b) ... 
這是用來把文字變斜
c) ... 
這是用來把文字加上底線
d) <strike> ... </strike>
這是用來把文字劃掉
e) ... 
這是用來把文字提高一些
f) ... 
這是用來把文字下降一些
g) <tt> ... </tt>
這是用來把所有英文字母都變成一樣闊，像打字機的字一樣

超連結的運用
<a> .... </a>

<a href="網頁位置"> 表面文字 </a>
這是用來指示要連結的文件所在。

....這是2004年逛論壇留的資料，拿來測試文章留言，至於文章出處......不是很清楚(汗

Mr.茶 · 發表於 2011-4-3 21:21:43

HTML啊...建議只開放給有管理權限的人員，以免不必要的麻煩喔！

夏小千 · 發表於 2011-4-2 16:23:38

椰子不糟糕~就不是椰子了

憨喵 · 發表於 2011-4-1 19:05:46

感覺好複雜@@
(憨喵的腦袋記憶體容量不足,無法輸入)

GINSEI · 發表於 2011-3-31 11:23:06

好久沒玩HTML了，只記得基本的，改天再來試。

默貓 · 發表於 2011-3-30 23:12:47

還不夠完(ㄗㄠ)整(ㄍㄠ)嗎？XD

是說，之前發在V3的文章會轉過來嗎？

admin · 發表於 2011-3-30 23:07:39

{:5_154:} 真想看-完整-的測試...

瓔 · 發表於 2011-3-30 23:03:13

那張圖真的好正(ㄗㄠ)直(ㄍㄠ)！
而且好像比之前的還正(ㄗㄠ)直(ㄍㄠ)耶！！

果然是正(ㄗㄠ)直(ㄍㄠ)椰阿....

椰子 · 發表於 2011-3-30 22:27:26

連測試都這麼糟糕.......
星星喵發表於 2011-3-30 21:44

登錄/註冊後可看大圖

很正直呦~~>wo~*

是椰子~
一點都不意外(茶

我沒有喵頭可以換(跪)
現在哈啦可以發文了嗎?!
想開個樓@@!! ...
浮雲浪犬發表於 2011-3-30 22:00

登錄/註冊後可看大圖

可以吧，這裡的哈啦版又沒版主，不用問我啦~~哈喵喵(撇頭)

浮雲浪犬 · 發表於 2011-3-30 22:00:11

是椰子~
一點都不意外(茶

我沒有喵頭可以換(跪)
現在哈啦可以發文了嗎?!
想開個樓@@!!

星星喵 · 發表於 2011-3-30 21:44:00

連測試都這麼糟糕.......

		自動登錄	找回密碼
密碼			成為喵居民