- 相關(guān)推薦
HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)法基礎(chǔ)代碼
HTML是網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)法基礎(chǔ)?梢杂“記事本”或“寫(xiě)字板”等普通文件編輯器查看和編輯,也可以在瀏覽器IE中通過(guò)菜單“查看”下的“源文件”查看HTML超文本源文件。就跟隨百分網(wǎng)小編一起去了解下吧,想了解更多相關(guān)信息請(qǐng)持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
下面一段HTML語(yǔ)言,用“記事本”或“寫(xiě)字板”等普通文件編輯器將下面HTML范例輸入計(jì)算機(jī),并保存為*.htm或*.html,例如0.html,然后用IE打開(kāi)。
<html><head>
<title>這是一個(gè)最簡(jiǎn)單的例子</title></head>
<body>
<h1>天涯何處芳草!</h1><br>
<a href=http://www.tianyaclub.com/>天涯虛擬社區(qū) </a>
</body>
</html>
青風(fēng)注:?jiǎn)蝹(gè)標(biāo)簽<br>回車(chē)換行
成對(duì)標(biāo)簽<html></html>HTML體
<head></head>頭部
<tilte></tilte>標(biāo)題
<body></body>內(nèi)容
<h1></h1>一號(hào)字體
<a href=?></a>超鏈接
一、關(guān)于文件前景色、背景色的標(biāo)簽。
在<body>標(biāo)簽中加入下列屬性——
1、文字顏色<body text="屬性值">
2、背景顏色<body bgcolor="屬性值">
3、鏈接點(diǎn)顏色設(shè)定:未鏈接<body link="屬性值">
已鏈接<body vlink="屬性值">
正在鏈接<body alink="屬性值">
青風(fēng)注:黑色#000000,白色#FFFFFF,紅色#FF0000,黃色#00FFFF,也可用英文表示。
顏色代碼表
http://v123.my.freedim.net/ysdm.htm
4、背景圖片:<body background="/path/filename.gif">
二、有關(guān)文字的標(biāo)簽
在<body></body>對(duì)標(biāo)簽中加入下列標(biāo)簽——
標(biāo)題字體大小:<h?></h?>(?取值1-6,1最大)
標(biāo)題定位設(shè)定:<h align=/></h>(?取值right,left,center)
基本字體大。<basefont size=?></font>(?取值1-7,7最大)
改變字體大。<font size=?></font>(?取值1-7,7最大,3默認(rèn))(?=*pt)
改變字體顏色:<font color="屬性值"></font>
設(shè)定字體:<font face="屬性值"></font>(屬性值=黑體,隸書(shū)等。默認(rèn)值為宋體)
粗體字:<b></b>
斜體字:<I></I>
底線字:<u></u>
HTML范例2,如保存為1.html。
<html>
<head>
<title>網(wǎng)頁(yè)制作</title>
</head>
<body bgcolor="#000000" text="#FF0000">
<h1 align=center><font face=黑體>超文本文件和HTML語(yǔ)言</font></h1>
<base font size=5> 網(wǎng)頁(yè)的制作有兩種:一是借助于<I><u>HTML</U></I>語(yǔ)言在<u>文件編輯器</u>(<font size=2>如<font face=arlrl>windows</font>的寫(xiě)字板</font>)中編寫(xiě);另一是使用<b>HTML</b>編輯器編寫(xiě)。這里將介紹HTML語(yǔ)言的基本知識(shí)以及用HTML語(yǔ)言和frontpage制作簡(jiǎn)單的網(wǎng)頁(yè)的<font size=7 face=隸書(shū)>方法</font>。
</body>
</html>
青風(fēng)注: 起縮進(jìn)文本的作用,兩個(gè)連用相當(dāng)于縮進(jìn)一個(gè)漢字。
三、背景音樂(lè)的插入
標(biāo)簽如下:
1、出現(xiàn)播放器:
<embed original="文件名" width=? height=?>
2、不出現(xiàn)播放器,音樂(lè)反復(fù)演奏:
<embed original="文件名" width=true avtostart=true loop=true>
如<html>
<body>
<embed original="D:\My Music\二胡\漢宮秋月.mp3" width=100 height=45>
</body>
</html>
A、如何得到文件、版塊的鏈接?
右擊文件、版塊的空白部分--屬性--地址(URL)--將“http://***”拖全復(fù)制。
B、別院斑竹如何修改主題顏色和右上角公告欄?
本版介紹--欄目修改--可用HTML設(shè)計(jì)公告形式,可參照顏色代碼表更改主題顏色。
C、斑竹如何給標(biāo)題加顏色?
發(fā)表文章標(biāo)題:<font color="屬性值">標(biāo)題〈/font>
D、如何關(guān)門(mén)?
1、如何讓系統(tǒng)將后面的回復(fù)變色(如何改變樓下回復(fù)的字體)?
</font><font color="屬性值">
青風(fēng)注:用</font>攔住的原文前面的〈font……>,再用一個(gè)〈font……〉給后面的</font>封口。
如何改變回復(fù)字體?
同理
2、怎么封鏈接?
在簽名里加一個(gè)</a>。
3、其余同理。
相關(guān)帖子: 《簽名的做法》
作者:青風(fēng)劍客 提交日期:2001-8-16 21:54:00
四 、圖象以及圖象的說(shuō)明文字
插入圖象標(biāo)簽:<img original="path/filename.gif(jpg)" board=? width=? heigh=? align=? alt='****'>
青風(fēng)注:board,圖象邊框粗細(xì)
width,寬
heigh,高
align,對(duì)齊方式=top/center/left/bottom/right
alt,加入文字
五、超文本的鏈接
超文本鏈接標(biāo)簽:<a href="鏈接所指地方">鏈接的文字部分</a>
鏈接分3種:URL鏈接,本地鏈接,目錄鏈接
1、URL鏈接
形式:協(xié)議名://主機(jī)、域名/路徑/文件名
2、本地鏈接
形式:"/盤(pán)符:\路徑、文件名
3、目錄鏈接
形式:"/盤(pán)符:\路徑、文件名#標(biāo)識(shí)名(如鏈接同一文件中不同部分,文件名可省略)
六、水平線的插入
<h2 align="center">[七律]詠史</h2><hr width="60%" size="4" color="red">
<pre>
風(fēng)雨滄桑不盡愁,夢(mèng)魂奈向古神州。
周公禮樂(lè)秦皇火,漢武干戈隋帝樓。
宇內(nèi)幾經(jīng)焦土裂,山前依舊大江流。
若非塵世傷懷地,焉有桃園代代留?
</pre>
八、列表結(jié)構(gòu)的插入
<ul><li>蘋(píng)果
<ol><li>紅富士
<li>青蕉</ol>
<li>西瓜
<ol><li>海南島西瓜
<li>本地西瓜</ol>
</ul>
<dl>
<dt>蘋(píng)果</dt>
<dd>果實(shí)圓形,味甜或略酸
<dt>橘子</dt>
<dd>果實(shí)扁圓,果皮紅黃色,味甜
</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>雪菜墨魚(yú)</td>
<td aligh=center vaiign=center>椒鹽大排</td>
<td><center>蔥烤鯽魚(yú)</center></tD>
<td>糖醋小排</td>
</tr>
</table>
【HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)法基礎(chǔ)代碼】相關(guān)文章:
9條網(wǎng)頁(yè)設(shè)計(jì)常用的代碼06-21
Dreamweaver清理網(wǎng)頁(yè)代碼的方法技巧04-29
Java語(yǔ)法基礎(chǔ)for語(yǔ)句練習(xí)09-21
10個(gè)經(jīng)典的C語(yǔ)言面試基礎(chǔ)算法及代碼10-06
Java基礎(chǔ)語(yǔ)法知識(shí)點(diǎn)07-31
Java語(yǔ)法基礎(chǔ)之for語(yǔ)句練習(xí)04-28
Java基礎(chǔ)語(yǔ)法面試題10-28