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