HTML常用代碼有哪些

這篇文章主要介紹了HTML常用代碼有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

一、HTML常用代碼

網頁的描述，關鍵字，作者及其他元素：meta name="" content=""

客戶端腳本：<script>window.alert('');<script>

文檔的樣式信息：<style></style>

引進圖片：img src

換行：br

超級鏈接：a herf

新的頁面打開：target="_blank"

無序列表：<ul><li></li></ul>

有序列表：<ol><li></li></ol>

表格的頁眉：thead

表格的主題：tbody

定義表格的頁腳：tfood

定義表格：table

邊框：border

單元格邊框與內容的間距：cellbadding

單元格之間的間距：cellspacing

表格的表頭：th

表格的行：tr

表格的單元：td

表單：form action="瀏覽者輸入的數據被傳送到的地方" methot="數據傳送的方式"(get或post)

文本框：<input type="text" name="name" value=""><br>

密碼框：<input type="password" name="password" value=""><br>

單選框：radio?? 當type=radio時為單選框

多選框：checkbox? 當type=checkbox時為多選框

默認選項：checked

[]:多個值，數組

下拉列表框：<select name="">選項<option value=""></option></select>

默認選中：selected

多行文本：<textarea name""></textarea>

行數：cols

列數：rows

上傳圖片頭像或場景：<input type="file"/>

提交按鈕：<input type="submit" value=提交>

重置按鈕：<input type="reset" value=重置>

二、基本框架
　　

如同人一樣，網頁也包括了“頭部”和“身體”，
　　

＜head＞標記內包含著諸如網頁標題、語言編碼、網頁描述等基本信息，而平時我們真正見到的網頁內容均放在＜body＞標記內。現在先介紹一下＜head＞里的基本信息。
　　

網頁標題(標記格式為＜title＞＜/title＞)
　　

創建網頁標題文字：＜title＞標題＜/title＞ //此處書寫的文字會顯示在IE的標題欄上。
　　

網頁文檔信息(標記格式為＜meta＞)
　　

描述網頁內容類型：＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞ //該頁面為TXT文本或HTML格式，語言編碼方式為GB2312(即簡體中文)。
　　

描述網頁的關鍵字信息：＜meta name="keywords" content="這里是關鍵字"＞
　　

對網頁的詳細描述：＜meta name="description" content="這里是對該網頁的介紹"＞
　　

刷新網頁：＜meta http-equiv="refresh" content="5;URL=xxx.htm"＞ //5秒種后刷新，并鏈接到xxx.htm。
　　

三、組成要素
　　

無論網頁如何千變萬化，構成一個網頁內容的最基本要素大體只有五種，即文字、圖片、表格、超鏈接和表單控件，所以下面將圍繞著這五個要素逐一列舉介紹。
　　

文字(標記格式為＜font＞＜/font＞)
　　

指定文字字體：＜font face="宋體"＞宋體文字＜/font＞
　　

指定文字大小：＜font size="3"＞3號文字＜/font＞
　　

指定文字顏色：＜font color="#FF0000"＞紅色文字＜/font＞ //網頁顏色采用16位編碼，因此#FF0000表現為紅色。大家可以查閱相關資料了解其他顏色的編碼。
　　

圖片(標記格式為＜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為表格背景色。

以上所介紹的元素都是只存在當前頁中，而網頁超鏈接的出現大大改變了人們的瀏覽習慣，可根據自己喜好，點擊到相關鏈接查看網頁信息。
　　

超鏈接(標記格式為＜a＞＜/a＞)
　　

＜a href="xxx.htm" title="提示文字"＞鏈接文字或圖片＜/a＞ //href為被點擊后的鏈接頁，title為鼠標懸停在鏈接文字或圖片上后出現的提示文字。
　　

表單控件(標記符號為＜input＞、＜textarea＞＜/textarea＞、＜select＞＜/select＞)
　　

表單控件實現了人與網頁的交互，像大家常去的論壇、購物站點等都有它的“身影”。
　　

文本框：＜input type="text" value="這是文本框"＞ //value為該控件的值，以下每個表單控件均可設定，不設默認為空
　　

密碼框：＜input type="password"＞
　　

單選框：＜input type="radio"＞
　　

復選框：＜input type="check"＞
　　

提交按鈕：＜input type="submit"＞
　　

重置按鈕：＜input type="reset"＞
　　

隱藏區域：＜input type="hidden"＞
　　

文本域：＜textarea rows="6" cols="30"＞＜/textarea＞ //rows為行數，cols為寬度
　　

列表框：＜select＞＜option＞項目1＜option＞項目2＜option＞項目3＜/select＞

感謝你能夠認真閱讀完這篇文章，希望小編分享的“HTML常用代碼有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!