HTML網頁設計語法基礎代碼

相關推薦

HTML網頁設計語法基礎代碼

　　HTML是網頁設計的語法基礎。可以用“記事本”或“寫字板”等普通文件編輯器查看和編輯，也可以在瀏覽器IE中通過菜單“查看”下的“源文件”查看HTML超文本源文件。就跟隨百分網小編一起去了解下吧，想了解更多相關信息請持續關注我們應屆畢業生考試網!

　　下面一段HTML語言，用“記事本”或“寫字板”等普通文件編輯器將下面HTML范例輸入計算機，并保存為*.htm或*.html，例如0.html,然后用IE打開。

　　<title>這是一個最簡單的例子</title></head>

　　<body>

　　<h1>天涯何處芳草！</h1><br>

　　<a href=http://www.tianyaclub.com/>天涯虛擬社區 </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，也可用英文表示。

　　顏色代碼表

　　http://v123.my.freedim.net/ysdm.htm

　　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,如保存為1.html。

　　<html>

　　<head>

　　</head>

　　<h1 align=center><font face=黑體>超文本文件和ＨＴＭＬ語言</font></h1>

　　<base font size=5>    網頁的制作有兩種：一是借助于<I><u>ＨＴＭＬ</U></I>語言在<u>文件編輯器</u>（<font size=2>如<font face=arlrl>windows</font>的寫字板</font>）中編寫；另一是使用<b>ＨＴＭＬ</b>編輯器編寫。這里將介紹ＨＴＭＬ語言的基本知識以及用ＨＴＭＬ語言和frontpage制作簡單的網頁的<font size=7 face=隸書>方法</font>。

　　</body>

　　</html>

　　青風注: 起縮進文本的作用，兩個連用相當于縮進一個漢字。

　　三、背景音樂的插入

　　標簽如下：

　　1、出現播放器：

　　2、不出現播放器，音樂反復演奏：

　　如<html>

　　<body>

　　</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、目錄鏈接

　　形式："/盤符:\路徑、文件名#標識名（如鏈接同一文件中不同部分，文件名可省略）

　　六、水平線的插入

　　<pre>

　　風雨滄桑不盡愁，夢魂奈向古神州。

　　周公禮樂秦皇火，漢武干戈隋帝樓。

　　宇內幾經焦土裂，山前依舊大江流。

　　若非塵世傷懷地，焉有桃園代代留？

　　</pre>

　　八、列表結構的插入

　　<ul><li>蘋果

　　<ol><li>紅富士

　　<li>西瓜

　　<ol><li>海南島西瓜

　　</ul>

　　<dl>

　　<dd>果實圓形，味甜或略酸

　　<dd>果實扁圓，果皮紅黃色，味甜

　　</dl>

　　alt，加入文字

　　九、表格的插入：

　　<caption>第十六周午餐菜單</caption>

　　<tr>

　　</tr>

　　<tr>

　　</tr>

　　</table>

【HTML網頁設計語法基礎代碼】相關文章：

HTML CSS網頁設計中實用的技巧09-06

html無刷新分頁前端代碼08-20

php過濾危險html代碼的方法09-17

HTML基本語法和語義08-14