欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

HTML中有哪些常用標簽

這篇文章主要介紹HTML中有哪些常用標簽，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、天柱網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、HTML5建站、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為天柱等各大城市提供網(wǎng)站開發(fā)制作服務。

1、最基本的HTML結構

<!--<!DOCTYPE> 是HTML5聲明，<!DOCTYPE>必須是HTML文檔的第一行，位于<html>標簽之前。<!DOCTYPE>是指示web瀏覽器關于頁面使用哪個HTML版本進行編寫的指令。-->

<!DOCTYPE html>

<html>

<!-- head標簽是所有頭部元素的容器。head標簽內(nèi)的元素可包含腳本、樣式表和提供頁面的元信息等等。以下標簽都可以添加到head部分：title、base、link、meta、script以及style。頭部的內(nèi)容不會顯示在瀏覽器的。-->

<head>

<!-- 設置字符集，如果字符集不對，可能導致亂碼。一般建議utf-8國際編碼-->

<meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />

<!-- SEO相關標簽，title定義文檔的標題,百度建議一般不要超過32位,meta定義頁面關鍵詞和頁面的描述-->

<title>網(wǎng)頁標題</title>

<meta name="keywords" content="PHP程序員,技術博客,個人博客,雷雪松" />

<meta name="description" content="PHP程序員，雷雪松（Raykaeso）的博客是一個優(yōu)秀的個人技術博客。PHP程序員雷雪松的博客記錄了Linux學習，PHP開發(fā)與編程，Web前端開發(fā)，MySQL學習和教程，NOSQL數(shù)據(jù)庫教程以及個人的人生經(jīng)歷和觀點。" />

<link rel="stylesheet" type="text/css" href="main.css" />

<script type="text/javascript" src="main.js"></script>

</head>

<!-- 正文部分，所有在瀏覽器上可見的內(nèi)容必須寫在body標簽內(nèi)部-->

<body>

</body>

</html>

2、最常用的HTML標簽

a、布局標簽

div標簽定義文檔中的分區(qū)或節(jié)（division/section），可以把文檔分割為獨立的、不同的部分，主要用于布局。

aside標簽的內(nèi)容可用作文章的側欄，<span style="color: #ff0000;">html5新增標簽</span>。

header標簽定義頁面的頭部（介紹信息），<span style="color: #ff0000;">html5新增標簽</span>。

section標簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分，<span style="color: #ff0000;">html5新增標簽</span>。

footer 標簽定義文檔或節(jié)的頁腳，通常包含文檔的作者、版權信息、使用條款鏈接、聯(lián)系信息等等，<span style="color: #ff0000;">html5新增標簽</span>。

article標簽規(guī)定文章獨立的其他內(nèi)容，比如：標題、內(nèi)容、評論，<span style="color: #ff0000;">html5新增標簽</span>。

b、文本標簽

h2-h7標簽可定義標題

p標簽定義段落

b/strong標簽加粗

em標簽來表示強調(diào)的文本，斜體

strong標簽表示重要文本

u標簽下劃線

s標簽刪除線

br標簽表示回車換行

hr標簽表示水平線

span標簽被用來組合文檔中的行內(nèi)元素。

blockquote標簽表示塊引用

pre標簽可定義預格式化的文本，保持原有格式的一種標簽。

sub標簽下標，

sup>標簽上標

 表示一個空格

&copy;表示版權符

<表示<

>表示>

c、a標簽定義超鏈接，指定頁面間的跳轉。鏈接可以指向外部鏈接或者頁面內(nèi)部id錨點，可以在當前頁面打開，新開窗口。

<a href="指向的鏈接地址或者網(wǎng)址#ID名" target="_blank|_self|_top|_parent">百度</a>

d、多媒體標簽

img標簽主要在網(wǎng)頁中插入圖像，可以定義圖片替換文本、顯示寬度和高度、是否帶邊框，建議等比例設置，否則圖像會變形。

<img src="圖片地址" alt="替換文本，圖片打不開的時候顯示" width="圖片寬度" height="高度" border="0" />

audio標簽定義聲音，比如音樂或其他音頻流。<span style="color: #ff0000;">html5新增標簽</span>。

<audio src="someaudio.wav">您的瀏覽器不支持audio標簽。</audio>

video標簽定義視頻，比如電影片段或其他視頻流。<span style="color: #ff0000;">html5新增標簽</span>。

<video src="movie.ogg" controls="controls">您的瀏覽器不支持video標簽。</video>

e、序列化標簽

ul和li無序列表標簽

<ul>

<li>HTML</li>

<li>JS</li>

<li>PHP</li>

</ul>

ol和li有序列表標簽，可以使用type屬性規(guī)定有序列表符號的類型。1按數(shù)字有序排列，為默認值，（1、2、3、4）；a按小寫字母有序排列，（a、b、c、d）；A按字母大寫有序排列，（A、B、C、D）。i按小寫羅馬字母有序，（i, ii, iii, iv）；I按小寫羅馬字母有序，（I, II, III, IV）。

<ol>

<li>HTML</li>

<li>JS</li>

<li>PHP</li>

</ol>

dl標簽定義了定義列表（definition list），dl標簽用于結合dt（定義列表中的項目）和dd（描述列表中的項目）。

<dl>

<dt>計算機</dt>

<dd>用來計算的儀器... ...</dd>

</dl>

f、表格標簽

table標簽和tr標簽，th標簽和td標簽，合并單元格。

<table width="100%" height="193" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000" bgcolor="#000000" background="">

<tr>

<th>標題</th>

<th>標題</th>

</tr>

<tr>

<!-- 合并橫向單元格-->

<td colspan="2" nowrap="nowrap">&nbsp;</td>

</tr>

<tr>

<td></td>

<!-- 合并縱向單元格-->

<td rowspan="2"> </td>

</tr>

<tr>

<td height="16"> </td>

</tr>

</table>

g、表單標簽

form標簽定義提交方式、提交地址、表單字符集以及如何對其進行編碼，需要提交的表單一定要放在form標簽內(nèi)。

<form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址"></form>

input標簽用于搜集用戶信息

<input name="userName" type="text" maxlength="5" size="100" value="asdfasdfasfd" />

密碼，輸入的字符會被掩碼（顯示為星號或原點）

<input name="pwd" type="password" maxlength="5" size="100" value="" />

文件類型的表單，上傳文件時，form表單一定要設置為enctype="multipart/form-data"

<input type="file" name="file" />

隱藏表單

<input type="hidden" name="country" value="China" />

提交

<input type="submit" name="Submit" value="提交" disabled="disabled" />

重置

<input type="reset" name="Submit2" value="重置" />

radio單選

<input name="sex" type="radio" value="1" />男

<input name="sex" type="radio" value="2" checked="checked" />女

checkbox多選

<input name="skill" type="checkbox" value="1" checked="checked" />PHP

<input name="skill" type="checkbox" value="2" />前端

<input name="skill" type="checkbox" value="2" />數(shù)據(jù)庫

<span style="color: #ff0000;">注：checked="checked"可以簡寫成checked</span>

label標簽為input元素定義標注，如果您點擊label元素文本，就會觸發(fā)此input控件。

textarea標簽，設置文本區(qū)內(nèi)的可見行數(shù)和寬度

<textarea name="content" cols="30" rows="10">大段文本輸入框</textarea>

button標簽定義一個按鈕

提交按鈕

<button type="submit" value="提交">提交</button>

重置按鈕

<button type="reset" value="重置">重置</button>

select標簽和option標簽下拉列表

單選菜單列表框

<select name="user">

<option value="1">ray</option>

<option value="2" selected="selected">raykaeso</option>

</select>

多選列表下拉框，shift加鼠標單擊，可以連續(xù)選擇多個選擇，CTRL+鼠標點擊，可以點擊多個。

<select name="user" size="10" multiple="multiple">

<option value="1">雷雪松</option>

<option value="2" selected="selected">ray</option>

<option value="3">raykaeso</option>

</select>

注:selected="selected"可簡寫成selected，表示選中

3、其他HTML事項

a、HTML標簽和屬性是不區(qū)分大小寫的，建議HTML標簽和屬性都小寫，屬性值必須用雙引號包圍。

b、HTML標簽都是以開始標簽起始，以結束標簽終止。大部分HTML標簽都是成對出現(xiàn)的，稱為雙標簽，比如：p標簽、div標簽，也有的HTML標簽在開始標簽中結束的標簽，稱為單標簽，比如：hr標簽、br標簽。大多數(shù)HTML元素可擁有屬性，文本內(nèi)容都是寫在開始標簽與結束標簽之間。

c、HTML標簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護。

d、HTML標簽使用必須符合標簽嵌套規(guī)則。禁止a標簽嵌套a標簽，p標簽嵌套div標簽。

e、建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標簽，少使用table布局、iframe框架嵌套以及flash播放器。

以上是“HTML中有哪些常用標簽”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：HTML中有哪些常用標簽
URL網(wǎng)址：http://www.chinadenli.net/article48/pesoep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站導航、網(wǎng)站收錄、解決方案、定制網(wǎng)站、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司