HTML是網頁設計的語法基礎。可以用“記事本”或“寫字板”等普通檔案編輯器檢視和編輯,也可以在瀏覽器IE中通過選單“檢視”下的“原始檔”檢視HTML超文字原始檔。就跟隨本站小編一起去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!
下面一段HTML語言,用“記事本”或“寫字板”等普通檔案編輯器將下面HTML範例輸入計算機,並儲存為*或*,例如,然後用IE開啟。
<html><head>
<title>這是一個最簡單的例子</title></head>
<body>
<h1>天涯何處芳草!</h1><br>
<a href=>天涯虛擬社群 </a>
</body>
</html>
青風注:單個標籤<br>回車換行
成對標籤<html></html>HTML體
<head></head>頭部
<tilte></tilte>標題
<body></body>內容
<h1></h1>一號字型
<a href=?></a>超連結
一、關於檔案前景色、背景色的標籤。
在<body>標籤中加入下列屬性——
1、文字顏色<body text="屬性值">
2、背景顏色<body bgcolor="屬性值">
3、連結點顏色設定:未連結<body link="屬性值">
已連結<body vlink="屬性值">
正在連結<body alink="屬性值">
青風注:黑色#000000,白色#FFFFFF,紅色#FF0000,黃色#00FFFF,也可用英文表示。
顏色程式碼表
4、背景圖片:<body background="/path/filename.gif">
二、有關文字的.標籤
在<body></body>對標籤中加入下列標籤——
標題字型大小:<h?></h?>(?取值1-6,1最大)
標題定位設定:<h align=/></h>(?取值right,left,center)
基本字型大小:<basefont size=?></font>(?取值1-7,7最大)
改變字型大小:<font size=?></font>(?取值1-7,7最大,3預設)(?=*pt)
改變字型顏色:<font color="屬性值"></font>
設定字型:<font face="屬性值"></font>(屬性值=黑體,隸書等。預設值為宋體)
粗體字:<b></b>
斜體字:<I></I>
底線字:<u></u>
HTML範例2,如儲存為。
<html>
<head>
<title>網頁製作</title>
</head>
<body bgcolor="#000000" text="#FF0000">
<h1 align=center><font face=黑體>超文字檔案和HTML語言</font></h1>
<base font size=5> 網頁的製作有兩種:一是藉助於<I><u>HTML</U></I>語言在<u>檔案編輯器</u>(<font size=2>如<font face=arlrl>windows</font>的寫字板</font>)中編寫;另一是使用<b>HTML</b>編輯器編寫。這裡將介紹HTML語言的基本知識以及用HTML語言和frontpage製作簡單的網頁的<font size=7 face=隸書>方法</font>。
</body>
</html>
青風注: 起縮排文字的作用,兩個連用相當於縮排一個漢字。
三、背景音樂的插入
標籤如下:
1、出現播放器:
<embed original="檔名" width=? height=?>
2、不出現播放器,音樂反覆演奏:
<embed original="檔名" width=true avtostart=true loop=true>
如<html>
<body>
<embed original="D:My Music二胡漢宮秋月3" width=100 height=45>
</body>
</html>
A、如何得到檔案、版塊的連結?
右擊檔案、版塊的空白部分--屬性--地址(URL)--將“http://***”拖全複製。
B、別院斑竹如何修改主題顏色和右上角公告欄?
本版介紹--欄目修改--可用HTML設計公告形式,可參照顏色程式碼表更改主題顏色。
C、斑竹如何給標題加顏色?
發表文章標題:<font color="屬性值">標題〈/font>
D、如何關門?
1、如何讓系統將後面的回覆變色(如何改變樓下回復的字型)?
</font><font color="屬性值">
青風注:用</font>攔住的原文前面的〈font……>,再用一個〈font……〉給後面的</font>封口。
如何改變回復字型?
同理
2、怎麼封連結?
在簽名里加一個</a>。
3、其餘同理。
相關帖子: 《簽名的做法》
作者:青風劍客 提交日期:2001-8-16 21:54:00
四 、圖象以及圖象的說明文字
插入圖象標籤:<img original="path/filename.gif(jpg)" board=? width=? heigh=? align=? alt='****'>
青風注:board,圖象邊框粗細
width,寬
heigh,高
align,對齊方式=top/center/left/bottom/right
alt,加入文字
五、超文字的連結
超文字連結標籤:<a href="連結所指地方">連結的文字部分</a>
連結分3種:URL連結,本地連結,目錄連結
1、URL連結
形式:協議名://主機、域名/路徑/檔名
2、本地連結
形式:"/碟符:路徑、檔名
3、目錄連結
形式:"/碟符:路徑、檔名#標識名(如連結同一檔案中不同部分,檔名可省略)
六、水平線的插入
<h2 align="center">[七律]詠史</h2><hr width="60%" size="4" color="red">
<pre>
風雨滄桑不盡愁,夢魂奈向古神州。
周公禮樂秦皇火,漢武干戈隋帝樓。
宇內幾經焦土裂,山前依舊大江流。
若非塵世傷懷地,焉有桃園代代留?
</pre>
八、列表結構的插入
<ul><li>蘋果
<ol><li>紅富士
<li>青蕉</ol>
<li>西瓜
<ol><li>海南島西瓜
<li>本地西瓜</ol>
</ul>
<dl>
<dt>蘋果</dt>
<dd>果實圓形,味甜或略酸
<dt>橘子</dt>
<dd>果實扁圓,果皮紅黃色,味甜
</dl>
alt,加入文字
九、表格的插入:
<table border=1 bgcolor="yellow">
<caption>第十六週午餐選單</caption>
<tr>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>紅燒雞翅</td>
<td>雪菜墨魚</td>
<td aligh=center vaiign=center>椒鹽大排</td>
<td><center>蔥烤鯽魚</center></tD>
<td>糖醋小排</td>
</tr>
</table>