|
網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language),通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō),網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。 HTML參考(初級(jí)一定用的著)基 本 標(biāo) 簽
創(chuàng)建一個(gè)HTML文檔 <html></html> 設(shè)置文檔標(biāo)題以及其他不在WEB網(wǎng)頁(yè)上顯示的信息 <head></head> 設(shè)置文檔的可見(jiàn)部分 <body></body>
標(biāo) 題 標(biāo) 簽
將文檔的題目放在標(biāo)題欄中 <title></title>
文 檔 整 體 屬 性 設(shè)置背景顏色,使用名字或十六進(jìn)制值 <body bgcolor=?> 設(shè)置文本文字顏色,使用名字或十六進(jìn)制值 <body text=?> 設(shè)置鏈接顏色,使用名字或十六進(jìn)制值 <body link=?> 設(shè)置已使用的鏈接的顏色,使用名字或十六進(jìn)制值 <body vlink=?> 設(shè)置正在被擊中的鏈接的顏色,使用名字或十六進(jìn)制值 <body alink=?>
文 本 標(biāo) 簽
創(chuàng)建預(yù)格式化文本 <pre></pre> 創(chuàng)建最大的標(biāo)題 <h1></h1> 創(chuàng)建最小的標(biāo)題 <h6></h6> 創(chuàng)建黑體字 <b></b> 創(chuàng)建斜體字 <i></i> 創(chuàng)建打字機(jī)風(fēng)格的字體 <tt></tt> 創(chuàng)建一個(gè)引用,通常是斜體 <cite></cite> 加重一個(gè)單詞(通常是斜體加黑體) <em></em> 加重一個(gè)單詞(通常是斜體加黑體) <strong></strong> 設(shè)置字體大小,從1到7 <font size=?></font> 設(shè)置字體的顏色,使用名字或十六進(jìn)制值 <font color=?></font>
鏈 接
創(chuàng)建一個(gè)超鏈接 <a href="URL"></a> 創(chuàng)建一個(gè)自動(dòng)發(fā)送電子郵件的鏈接 <a href="mailto:EMAIL"> </a> 創(chuàng)建一個(gè)位于文檔內(nèi)部的靶位 <a name="NAME"></a> 創(chuàng)建一個(gè)指向位于文檔內(nèi)部靶位的鏈接 <a href="#NAME"></a>
格 式 排 版
創(chuàng)建一個(gè)新的段落 <p> 將段落按左、中、右對(duì)齊 <p align=?> 插入一個(gè)回車(chē)換行符 <br> 從兩邊縮進(jìn)文本 <blockquote> </blockquote> 創(chuàng)建一個(gè)定義列表 <dl></dl> 放在每個(gè)定義術(shù)語(yǔ)詞之前 <dt> 放在每個(gè)定義之前 <dd> 創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表 <ol></ol> 放在每個(gè)數(shù)字列表項(xiàng)之前,并加上一個(gè)數(shù)字 <li> 創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表 <ul></ul> 放在每個(gè)圓點(diǎn)列表項(xiàng)之前,并加上一個(gè)圓點(diǎn) <li> 一個(gè)用來(lái)排版大塊HTML段落的標(biāo)簽,也用于格式化表 <div align=?>
圖 形 元 素
添加一個(gè)圖像 <img src="name"> 排列對(duì)齊一個(gè)圖像:左中右或上中下 <img src="name" align=?> 設(shè)置圍繞一個(gè)圖像的邊框的大小 <img src="name" border=?> 加入一條水平線 <hr> 設(shè)置水平線的大。ǜ叨龋 <hr size=?> 設(shè)置水平線的寬度(百分比或絕對(duì)像素點(diǎn)) <hr width=?> 創(chuàng)建一個(gè)沒(méi)有陰影的水平線 <hr noshade>
表 格
創(chuàng)建一個(gè)表格 <table></table> 開(kāi)始表格中的每一行 <tr></tr> 開(kāi)始一行中的每一個(gè)格子 <td></td> 設(shè)置表格頭:一個(gè)通常使用黑體居中文字的格子 <th></th>
表 格 屬 性
設(shè)置圍繞表格的邊框的寬度 <table border=#> 設(shè)置表格格子之間空間的大小 <table cellspacing=#> 設(shè)置表格格子邊框與其內(nèi)部?jī)?nèi)容之間空間的大小 <table cellpadding=#> 設(shè)置表格的寬度-用絕對(duì)像素值或文檔總寬度的百分比 <table width=# or %> 設(shè)置表格格子的水平對(duì)齊(左中右) <tr align=?> or <td align=?> 設(shè)置表格格子的垂直對(duì)齊(上中下) <tr valign=?> or <td valign=?> 設(shè)置一個(gè)表格格子應(yīng)跨占的列數(shù)(缺省為1) <td colspan=#> 設(shè)置一個(gè)表格格子應(yīng)跨占的行數(shù)(缺省為1) <td rowspan=#> 禁止表格格子內(nèi)的內(nèi)容自動(dòng)斷行回卷 <td nowrap>
窗 框
放在一個(gè)窗框文檔的<body>標(biāo)簽之前,也可以嵌在其他窗框文檔中 <frameset></frameset> 定義一個(gè)窗框內(nèi)的行數(shù),可以使用絕對(duì)像素值或高度的百分比 <frameset rows="value,value"> 定義一個(gè)窗框內(nèi)的列數(shù),可以使用絕對(duì)像素值或?qū)挾鹊陌俜直?<frameset cols="value,value"> 定義一個(gè)窗框內(nèi)的單一窗或窗區(qū)域 <frame> 定義在不支持窗框的瀏覽器中顯示什么提示 <noframes></noframes>
窗 框 屬 性
規(guī)定窗框內(nèi)顯示什么HTML文檔 <frame src="URL"> 命名窗框或區(qū)域以便別的窗框可以指向它 <frame name="name"> 定義窗框左右邊緣的空白大小,必須大于等于1 <frame marginwidth=#> 定義窗框上下邊緣的空白大小,必須大于等于1 <frame marginheight=#> 設(shè)置窗框是否有滾動(dòng)欄,其值可以是"yes","no","auto",缺省時(shí)一般為"auto" <frame scrolling=VALUE> 禁止用戶調(diào)整一個(gè)窗框的大小 <frame noresize>
表 單
對(duì)于功能性的表單,一般需要運(yùn)行一個(gè)CGI小程序,HTML僅僅是產(chǎn)生表單的表面樣子。 創(chuàng)建所有表單 <form></form> 創(chuàng)建一個(gè)滾動(dòng)菜單,size設(shè)置在需要滾動(dòng)前可以看到的表單項(xiàng)數(shù)目 <select multiple name="NAME" size=?></select> 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容 <option> 創(chuàng)建一個(gè)下拉菜單 <select name="NAME"></select> 設(shè)置每個(gè)菜單項(xiàng)的內(nèi)容 <option> 創(chuàng)建一個(gè)文本框區(qū)域,列的數(shù)目設(shè)置寬度,行的數(shù)目設(shè)置高度 <textarea name="NAME" cols=40 rows=8></textarea> 創(chuàng)建一個(gè)復(fù)選框,文字在標(biāo)簽后面 <input type="checkbox" name="NAME"> 創(chuàng)建一個(gè)單選框,文字在標(biāo)簽后面 <input type="radio" name="NAME" value="x"> 創(chuàng)建一個(gè)單行文本輸入?yún)^(qū)域,size設(shè)置以字符計(jì)的寬度 <input type=text name="foo" size=20> 創(chuàng)建一個(gè)submit(提交)按鈕 <input type="submit" value="NAME"> 創(chuàng)建一個(gè)使用圖象的submit(提交)按鈕 <input type="image" border=0 name="NAME" src="http://www.okasp.com/techinfo/name.gif"> 創(chuàng)建一個(gè)reset(重置)按鈕 <input type="reset"> 大多數(shù)人在上網(wǎng)的時(shí)候,都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!