閑來無事吝镣,總結(jié)幾個常用的HTML標(biāo)簽菱皆,不喜勿噴愤估,喜歡請點贊搂妻!O(∩_∩)O哈哈~
<body>
<!--以下是行級元素? -->
<span>span</span> <!-- 文本標(biāo)簽? -->
<strong>加粗</strong>? <!-- 文本加粗標(biāo)簽 -->
<em>斜體</em> <!-- 文本斜體顯示標(biāo)簽 -->
<del>刪除標(biāo)簽</del> <!-- 刪除標(biāo)簽 中劃線 -->
<address>地址標(biāo)簽</address><!--? 地址標(biāo)簽 斜體加粗顯示 -->
<!-- a標(biāo)簽 超鏈接 anchor縮寫
? ? href:hyperText refrence 超文本引用 目的地址
target: 目標(biāo)網(wǎng)頁展示位置,有4個值 _self:默認(rèn)在當(dāng)前頁面蠢古;_blank:打開新的頁面(常用)燃观;_parent:在父框架中打開新頁面;_top:在窗口主題中打開-->
? ? <a target="_blank">百度</a>
? ? <!-- 可以當(dāng)做錨點使用 當(dāng)點擊"到分區(qū)一"時便瑟,無論"分區(qū)一"在任何地方,都會滾動到屏幕上方顯示出來-->
? ? <a href="#section">到分區(qū)一</a>
? ? <div id="section">分區(qū)一</div>
? ? <!-- 打電話 發(fā)郵件-->
? ? <a href="tel:15299999999">打電話</a>
? ? <a href="mailto:xxxx163.com">發(fā)郵件</a>
? ? <!-- 協(xié)議限定符 -->
? ? <a href="javascript:{alert('彈框提示')}">點我喲</a>
? ? <!-- 按鈕 type:按鈕類型 button:普通按鈕番川;reset:重置到涂;submit:提交按鈕;
? ? disabled:disabled 禁用 ;
? ? form: 關(guān)聯(lián)form表單id
formaction,formmethod,formenctype,formtarget: 覆蓋form元素的action屬性 該屬性與type="submit"配合使用-->
? ? <button type="button" disabled="disabled" form="formId" formenctype="" formmethod="" formtarget="" formaction="" name="hello">button</button>
? ? <!-- 以下是塊級元素? -->
<p>body內(nèi)的內(nèi)容是顯示在瀏覽器中的</p> <!--段落標(biāo)簽 -->
<h1>標(biāo)題1</h1>? <!--6級標(biāo)題標(biāo)簽 獨成一段 加粗顯示 更改字體大小 -->
<h2>標(biāo)題2</h2>
<h3>標(biāo)題3</h3>
<h4>標(biāo)題4</h4>
<h5>標(biāo)題5</h5>
<h6>標(biāo)題6</h6>
<div>div</div> <!-- 獨占一行 作為其他標(biāo)簽的容器功能-->
<!-- 有序列表
type :順序類型脊框,阿拉數(shù)字,英文字母践啄,羅馬數(shù)字 type="1" type="a" type="A" type="i" type="I";
reversed :倒敘展示
start: 從第幾個開始排序 注意:無論type是哪種類型start都是阿拉數(shù)字-->
<ol type="a" reversed="reversed" start="3">?
<li></li>
<li></li>
</ol>
<!-- 無須列表
type: disc:實心圓 ,square:方塊 ,circle:空心圓
list-style: none; 去掉type類型-->
? ? <ul type="disc" style="list-style: none;">? ? ?
? ? <li></li>
<li></li>
? ? </ul>
? ? <!-- input:輸入框
type: text:普通文本浇雹,password:密碼框,submit:提交按鈕屿讽,radio:單選框(name要統(tǒng)一)昭灵,checkbox:復(fù)選框(name要統(tǒng)一)
value:值(提交按鈕title/輸入的值)
name: 提交數(shù)據(jù)的key
placeholder: 占位符
checked="chencked" 當(dāng)作單選框或者復(fù)選框時,默認(rèn)選中該項 -->
? ? <input type="radio" name="people" value="xiaoming">
? ? <input type="radio" name="people" value="xiaohua">
? ? <!-- 自定義占位符 -->
? ? <input type="text" name="usename" style="color:#999" value="請輸入用戶名"
onfocus="if(this.value=='請輸入用戶名'){this.value='';this.style.color='#424242'}"
onblur="if(this.value==''){this.value='請輸入用戶名';this.style.color='#999'}">
? ? <!-- form表單:前端向后端發(fā)送數(shù)據(jù)
? ? method="get/post" 發(fā)送方式
action: 發(fā)送地址 -->
? ? <form method="get" action="http://">
? ? 用戶名:<input type="text" name="username" placeholder=""> <br>
? ? 密碼:<input type="password" name="password" placeholder="">
? ? <!-- 單選框 -->
? ? <input type="radio" name="people" value="xiaoming">
? ? <input type="radio" name="people" value="xiaohua">
? ? <!-- 提交 -->
? ? <input type="submit" name="" value="登錄">
? ? </form>
? ? <!-- 圖片標(biāo)簽 行級塊元素
? ? src: 圖片資源地址 1.url; 2.本地絕對路徑伐谈; 3.本地相對路徑
alt: 圖片占位符 當(dāng)圖片出錯的時候烂完,顯示在圖片的位置
title: 圖片提示符, 當(dāng)鼠標(biāo)移動到圖片上诵棵,提示信息 -->
? ? <img src="" alt="這是一張圖片" title="提示信息">
? ? <!-- 行級元素只能嵌套行級元素抠蚣;
? ? 塊級元素能嵌套塊級元素和行級元素;
? ? p標(biāo)簽不能嵌套塊級元素
? ? a標(biāo)簽不能嵌套a標(biāo)簽 -->
? ? <!--? -->
空格? < <? > >
</body>