html標簽

標簽的語法

1.標簽使用<>括起來的,如最基本的<html>。

2.標簽一般都是成對存在。

3.標簽是可以嵌套的。

4.標簽是不區分大小寫的。


1.head標簽

穩當頭部描述了文檔的各種屬性和信息,和標題

<head>

<title>.....</title>

<meta>

<link>

<style>...</style>

<script>...</script>

</head>

<title>標簽內的內容是出現在網頁的標題信息,出現在瀏覽器的標題欄中

<meta>標簽提供頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞

<link>用于把外部文件連接到文件內部

<style>標簽用來對網頁樣式進行修飾(css)

<script>內部是js代碼


2.body標簽

用來儲存網頁中要展現的內容,大部分東西都在這里面


3.p標簽,hx標簽,strong標簽,em標簽,span標簽,q標簽,blockquote標簽

<p>..</p>

<hx>,,,</hx>

<strong>....</strong>

<em>...</em>

<span>...</span>

<q>..</q>

<blockquote>...</blockquote>

<p>..</p>用來在網頁上顯示文章,p標簽的默認樣式中在段前段后都會有空白

<hx>...</hx>用來為網頁添加標題,分為六級,一次按重要程度的不同進行排序

<strong>..</strong>用來對文字進行加粗處理

<em>...</em>用來對文本進行加斜體處理

<span>..</span>用來對文字設置單獨樣式,也可以用來把塊狀元素轉化為內聯元素,strong和em相對于span主要是起到強調的作用,而span標簽是沒有語意的用來對文字進行單獨樣式設計

<q>..</q>標簽用來進行短文本引用,使得瀏覽器自動對引用部分添加引號

<blockquote>...</blockquote>用來進行對長文本進行引用,在瀏覽器中解析為縮進樣式


4.br標簽,空格標簽,hr標簽,address標簽,code標簽,pre標

<br/>標簽用于換行

?標簽用于添加空格

<hr/>標簽用于添加分割橫線

<address>..</address>用于給網頁加入地址信息

<code>...</code>用于為網頁中添加一行代碼

<pre>...</pre>用來給網頁插入大段的代碼,注意其與code標簽的區別


5.ul標簽與ol標簽,和與他們進行配合的li標簽

<ul>...</ul>用來為網頁添加信息列表,ul屬于一種無序的標簽注意ul和li標簽的配合,ul標簽默認有圓點

<ol>....</ol>用來添加有序的信息列表


6.table標簽,tbody,tr,th,td標簽,caption標簽

<table>

<tbody>

<tr>

? ? <th>產品名稱</th>

? ? ?<th>品牌</th>

</tr>

<tr>

? ? ? <td>耳機</td>

? ? ? ?<td>聯想</td>

</tr>

</tbody>

</table>

<table>...</table>標簽是用來為網頁添加表格的

<tbody>..</tbody>當表格內容很多時會下載一點顯示一點,如果加上tbody之后表格會在完全下載完后在進行顯示

<tr>..</tr>表示表格含有幾行<td>..</td>用來表示表格一行有多少列

<th>..</th>用來制作表頭

<caption>...</caption>為表格添加標題和摘要


7.a標簽

<a>...</a>使用a標簽可以實現超鏈接a標簽里面的title是表示鼠標滑過時顯示的文本,a標簽里面的target是用來在一個新的瀏覽器窗口里面打開鏈接,a標簽里面的mailto是用來鏈接email地址的。

<a href="mailto:郵箱地址?cc=&bcc=&subject=&body=&>發送</a>


8.img標簽

<img ?src="" alt="" ?title="">

src用來表示圖像的地址,alt時當圖像不可見時顯示的制定文本,title是鼠標滑過時現實的文本


9.form標簽,input,textarea,select,option,label標簽

form標簽可以實現與用戶的交互。form是成對出現的,action時用戶輸入的數據被傳送到的地方,method為數據傳送的方式(get/post)

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

1.type=“text”輸入框為文本輸入框

type="password" 輸入框為密碼輸入框

type=“radio”控件為單選框

type="checkbox“控件為復選框

type=“submit”是表示提交按鈕

type="reset"為重置按鈕

2.name:為文本輸入框命名,已被后臺使用

3.value為文本輸入框設置默認值


<textarea></textarea>為文本域標簽,col位列書row為行數

<select></select>為下拉列表框可用來節省空間

select下屬的option時下拉菜單的選擇其中的value是用來表示向服務器提交的值

select后面加multiple是用來表示多選操作


<label for=></label>不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性選中label標簽后,瀏覽器會自動將焦點轉到與標簽相關的表單控件中

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,001評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,786評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,986評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,204評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,964評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,354評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,410評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,554評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,106評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,918評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,093評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,648評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,342評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,755評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,009評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,839評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,107評論 2 375

推薦閱讀更多精彩內容