- 相關推薦
如何正確使用html代碼
如何使用html代碼
如果你正在學習網(wǎng)頁制作，就一定會跟HTML打交道。雖然有很多編輯工具可以簡化操作，避開復雜的網(wǎng)頁代碼，但是想要成為一名真正的網(wǎng)頁設計師，學好HTML、看懂網(wǎng)頁代碼才是邁向成功的第一步。
HTML，中文譯為超文本標記語言。簡單理解為某些字句加上標志的語言，從而實現(xiàn)預期的特定效果。網(wǎng)頁正是由這種HTML語言所編寫出來的。作為一套標記語言，基本上只要明白各種標記的用法就算學會了HTML。
HTML的語法格式分為嵌套與非嵌套兩類，嵌套格式為＜標記＞...＜/標記＞，非嵌套只為＜標記＞。此外，根據(jù)標記的不同，有的標記附帶有屬性參數(shù)，則表示為＜標記 屬性="參數(shù)值"＞，根據(jù)個人需要，可添加或去掉相應的屬性標記。
一、基本框架
如同人一樣，網(wǎng)頁也包括了“頭部”和“身體”，如圖就是標記符號。
＜head＞標記內包含著諸如網(wǎng)頁標題、語言編碼、網(wǎng)頁描述等基本信息，而平時我們真正見到的網(wǎng)頁內容均放在＜body＞標記內。現(xiàn)在先介紹一下＜head＞里的基本信息。
網(wǎng)頁標題(標記格式為＜title＞＜/title＞)
創(chuàng)建網(wǎng)頁標題文字：＜title＞標題＜/title＞ //此處書寫的文字會顯示在IE的標題欄上。
網(wǎng)頁文檔信息(標記格式為＜meta＞)
描述網(wǎng)頁內容類型：＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞ //該頁面為TXT文本或HTML格式，語言編碼方式為GB2312(即簡體中文)。
描述網(wǎng)頁的關鍵字信息：＜meta name="keywords" content="這里是關鍵字"＞
對網(wǎng)頁的詳細描述：＜meta name="description" content="這里是對該網(wǎng)頁的介紹"＞
刷新網(wǎng)頁：＜meta http-equiv="refresh" content="5;URL=xxx.htm"＞ //5秒種后刷新，并鏈接到xxx.htm。
二、組成要素
無論網(wǎng)頁如何千變萬化，構成一個網(wǎng)頁內容的最基本要素大體只有五種，即文字、圖片、表格、超鏈接和表單控件，所以下面將圍繞著這五個要素逐一列舉介紹。
文字(標記格式為＜font＞＜/font＞)
指定文字字體：＜font face="宋體"＞宋體文字＜/font＞
指定文字大小：＜font size="3"＞3號文字＜/font＞
指定文字顏色：＜font color="#FF0000"＞紅色文字＜/font＞ //網(wǎng)頁顏色采用16位編碼，因此#FF0000表現(xiàn)為紅色。大家可以查閱相關資料了解其他顏色的編碼。
圖片(標記格式為＜img＞)
＜img src="images/pic.jpg" width="400" height="300" border="2" align="center"＞// src指定為路徑地址，width為寬度，height為高度，border為邊框大小，align為橫向位置。
表格(標記格式為＜table＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞)
＜table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"＞＜tr＞＜td＞此處添加文字或圖片等＜/td＞＜/tr＞＜/table＞// width、height、border、align與以上的例子作用一樣，cellpadding為邊框與單元格的間距，cellspacing為單元格之間的間距，bgcolor為表格背景色。
以上所介紹的.元素都是只存在當前頁中，而網(wǎng)頁超鏈接的出現(xiàn)大大改變了人們的瀏覽習慣，可根據(jù)自己喜好，點擊到相關鏈接查看網(wǎng)頁信息。
超鏈接(標記格式為＜a＞＜/a＞)
＜a href="xxx.htm" title="提示文字"＞鏈接文字或圖片＜/a＞ //href為被點擊后的鏈接頁，title為鼠標懸停在鏈接文字或圖片上后出現(xiàn)的提示文字。
表單控件(標記符號為＜input＞、＜textarea＞＜/textarea＞、＜select＞＜/select＞)
表單控件實現(xiàn)了人與網(wǎng)頁的交互，像大家常去的論壇、購物站點等都有它的“身影”。
文本框：＜input type="text" value="這是文本框"＞ //value為該控件的值，以下每個表單控件均可設定，不設默認為空
密碼框：＜input type="password"＞
單選框：＜input type="radio"＞
復選框：＜input type="check"＞
提交按鈕：＜input type="submit"＞
重置按鈕：＜input type="reset"＞
隱藏區(qū)域：＜input type="hidden"＞
文本域：＜textarea rows="6" cols="30"＞＜/textarea＞ //rows為行數(shù)，cols為寬度
列表框：＜select＞＜option＞項目1＜option＞項目2＜option＞項目3＜/select＞
【如何正確使用html代碼】相關文章：
php如何過濾危險html代碼09-21
如何在HTML頁面插入flash代碼01-21
過濾HTML代碼08-29
稱呼語如何正確使用10-02
如何正確的使用護發(fā)素05-15
如何使用正確的發(fā)聲方式唱歌05-26
化妝水如何正確使用10-12
如何正確使用爽身粉10-05
如何正確使用指甲油06-09
如何正確使用好紫砂茶具07-28
