優質の幻想鄉

 找回密碼
 註冊帳號
搜索
查看: 3895|回復: 3

[教學] 基本HTML語法教學

桑妮蜜兒可(Lv.51)

天使にふれたよ!

Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19

金錢
15945
最後登錄
2012-6-7
積分
17479
帖子
5515
記錄
0
發表於 2007-9-19 21:46:03 |顯示全部樓層
這些是自己親手打出來整理的,
比較會用到。


HTML語法基本使用教學
基本網頁架構:
<html>
<head><title>站名</title></head>
<body>
網頁內容。
</body>
</html>

用記事本做網頁的話一定要有上面那段。

以下語法都是在<body>~</body>內使用的(論壇內會用到的也大概是下面這些):
第一章:基本使用
<br>:斷句指令,輸入之後顯示狀況上會到下一行。
<pre></pre>:排版指令,在此指令內的內容會按照原本排版,但字會小一號。
意思即,就算不用<br>指令,只要裡面的內容有斷行也可以進行斷行的動作。
<center></center>:置中指令,指令內的文字會以置中對齊。
<p>:段落指令,指令內的文字結束後會有段落。
<p align={left center right}></p>:段落對齊位置,有三種指令可以選。
<blockquote></blockquote>:段落縮排指令。
<h1></h1>:字大小的指令,可以調1~6。
<font face="字體名稱"></font>:字型指令,指令內的文字會更改字型。
<font color=顏色代碼、英文></font>:文字色彩指令。
<font size=1~6></font>:更改字型大小。
<i></i>:斜體字指令。
<b></b>:粗體字指令。
<u></u>:底線字指令。
<sup></sup>:上標字指令。
<sub></sub>:下標字指令。
& n b s p ;:空白指令
& l t ;:小於符號(<)
& g t ;:大於符號(>)
& a m p;:And符號(&)
& q u o t;:右邊這個符號<">
以上四個指令在輸入時請把空白消掉,因為論壇會自動識別所以我多輸入空白。

第二章:網頁文字排版、多媒體設定
<bgcolor=顏色代碼、英文名稱>:此指令可以更改背景顏色,
需要跟<body>指令同時使用。
<text=顏色代碼、英文名稱>:此指令可以更改網頁所有文字顏色,
需要跟<body>指令同時使用。
<background="圖片路徑與檔名">:此指令可以更改網頁背景圖,
需要跟<body>指令同時使用。
<img src="圖片路徑與檔名">:此指令可在網頁內插圖。
<alt=一段文字>:需配合上面的指令使用,把滑鼠移到圖上面時會有註解。
<height=任意數字,高度>:此指令可配合圖片、影片指令使用。
<width=任意數字,寬度>:此指令可配合圖片、影片指令使用。'
<embed src="音樂路徑與檔名">:此指令可在網頁內插入音樂。
<hidden=true>:配合音樂指令使用,可以使播放面板隱藏。
<bgsound src="音樂路徑與檔案名">:在<head></head>指令內使用,
可以設定背景音樂。
<loop=播放次數>:配合背景音樂指令使用,設為infinity或-1為無限次。
<border=數字>:配合<img src>指令使用,幫圖片添加外框。
<marquee>跑馬燈內容</marquee>:跑馬燈指令,NetScape瀏覽器無法閱讀。
<width=跑馬燈寬度>:配合上方指令使用
<behavior=scroll、slide、alternate>:配合跑馬燈指令使用,
由左數來的是:文字從右邊進入、由右跑到左停下、從左到右從右到左滑動


第三章:目錄建立、表格建立
<dir>
<li>目錄內容</li>
</dir>:建立目錄清單,目錄內容可以用無限個,不一定要有</li>指令。

<ul type=square、circle、disc>
<li>目錄內容</li>
</ul>:使用另外三種屬性值作為替換,可以改成其他項目符號。

<ol type=1>
<li>目錄內容</li>
</ol>:使用數字作為項目符號。

<tr><td>文字內容</td></tr>:
建立隱形表格,不會有表格外框但是字會排列整齊。

<tr><td width=??% height=??%>文字內容</td></tr>:
建立儲存格,大小請輸入百分比。

<table border=表格粗細 align=right、left、center>表格內容</table>:
要在<body>指令的下面使用,結尾指令在</body>的上面使用。
表格內容就是<tr>、<td>等指令的那個。
align指令是指表格的對齊。

<caption align=right、left、center>表格標題</caption>:
在<table>指令的下方使用,可以出現表格標題,後面是對齊的指令。

<table border=表格粗細 cellspacing=間距大小>表格內容</table>:
有點像WORD的版面設定那樣子,會有間距。

<table border=表格粗細 cellpadding=間距大小>表格內容</table>:
可以讓文字跟外表格間距增大。

<table width=寬度大小>表格內容</table>:
調整表格寬度大小。

<table background="圖片檔案路徑與檔名">表格內容</table>:
在表格內放入圖片。

<table bgcolor=顏色代碼、英文名稱>表格內容</table>:
在表格內弄背景顏色。

<th>:
設定標題儲存格樣式,可以用來替換<td>指令。
被設定的字會變粗,上下左右置中對齊。

<td rowspan=列數+1>:
跨列合併儲存格。

<th colspan=要合併的儲存格數>:
跨行合併儲存格。
第四章:超連結設定、檔案下載設定

<a href="要連結的網址"><img src="圖片路徑與檔名"></a>:
把設定的圖片變為超連結。

<body link=顏色代碼、英文名稱>:
指定尚未去過的超連結色彩。

<body vlink=顏色代碼、英文名稱>:
指定正被點選的超連結色彩。

<body alink=顏色代碼、英文名稱>:
指定已經去過的超連結色彩。
(以上三個若要多重使用,順序就如上面。)

<a name=書籤名稱,只可設定英文>文字內容</a>:
在網頁內弄一個書籤,例如設定成name=56,網址列後面輸入#56即可快速到達。

<a href=#書籤名稱>連結文字內容</a>:
與上面指令可一起使用,例如上面設定為name=56,
那此指令就設定href=#56,這樣子點選連結時就可以快速到達56書籤。

<a href"mailto:電子郵件地址">連結文字內容</a>
建立發送電子郵件的連結,使用OutLook為主設定。

<a href"mailto:電子郵件地址 cc=副本郵件地址">連結文字內容</a>
跳出寄送視窗時自動輸入副本郵件地址。

<a href="檔案路徑與檔名">連結文字內容</a>
建立下載檔案的超連結。

<a href="檔案路徑與檔名" title="註解">連結文字內容</a>
可以在檔案下載的超連結弄上註解,滑鼠移到上面時會顯現。

<a href="要連結的網址" target=_blank>連結文字內容</a>
可以讓被點選的網址在新視窗開啟。

[ 本帖最後由 nc913414 於 2007-10-22 21:23 編輯 ]
1

查看全部評分

免登入! 臉書網友討論
線上動畫漫畫連載網站整理 持續更新
http://155384.com/thread-32919-1-1.html
----------------------
即時nc913414@yahoo.com.tw
想找我的人自加 不說你誰我不加
求檔或什麼的一律拒絕
----------------------
知識檔案
http://tw.knowledge.yahoo.com/my/my?show=AC00860320

蓬萊山輝夜(Lv.23)

隱藏大魔王

Rank: 8Rank: 8

金錢
1327
最後登錄
2012-12-7
積分
1829
帖子
555
記錄
0
發表於 2007-10-23 09:17:15 |顯示全部樓層

回復 #1 nc913414 的帖子

對寫網頁不熟悉的

還是要先看這個比較實在

使用道具

桑妮蜜兒可(Lv.51)

天使にふれたよ!

Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19Rank: 19

金錢
15945
最後登錄
2012-6-7
積分
17479
帖子
5515
記錄
0
發表於 2007-10-23 17:36:14 |顯示全部樓層

回復 #2 朱King 的帖子

這些算是寫網頁基本要會的,
不然只會語法也寫不出來,除非有軟體幫忙囉。
線上動畫漫畫連載網站整理 持續更新
http://155384.com/thread-32919-1-1.html
----------------------
即時nc913414@yahoo.com.tw
想找我的人自加 不說你誰我不加
求檔或什麼的一律拒絕
----------------------
知識檔案
http://tw.knowledge.yahoo.com/my/my?show=AC00860320

使用道具

星熊勇儀(Lv.38)

↗進×風

Rank: 14Rank: 14Rank: 14Rank: 14

金錢
4239
最後登錄
2011-6-5
積分
8041
帖子
1544
記錄
0
發表於 2007-10-23 17:40:58 |顯示全部樓層
對,有軟體的跟本你按幾個按鈕就做了出來,不過我還是比較喜歡親手製作

使用道具

提醒您:網路匿名發言依然需負相關法律責任,注意勿發表侵權或毀謗等違法文章。您需要登錄後才可以回帖 登錄 | 註冊帳號



著作權聲明 & DMCAChild Pornography使用合約 & Terms and Conditions聯絡我們 & Contact Us

GMT+8, 2014-9-16 23:25

回頂部