【開發經驗】美團分散式id——Leaf-snowflake
基本標籤
段落標籤：<p></p>
換行標籤:<br>
水平線標籤:<hr> 屬性：color，width，size，align：預設居中，left/right
標題標籤:<h1></h1>... <h6></h6> 字型由大到小
圖片標籤：<img>,屬性：src:路徑（相對路徑，絕對路徑），width：寬度，height：高度，alt:圖片不顯示時的提示，title:滑鼠懸停在圖片上時的提示
超連結標籤：<a></a>
跳轉 a標籤 屬性：href：超連結跳轉路徑 target：目標開啟視窗 name：錨點的標記。錨點：可以跳轉到的位置，①可以跳轉到name屬性；②點選a跳轉a
<a href="#hello">點選</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="" name="hello">跳轉到</a>
<a href="#">回頂部</a>
塊級元素和行內元素的區別
1）塊級元素獨佔一行，行內元素在同一行顯示
2）塊級元素預設寬度為100%，行內元素預設寬度由內容撐開
瀏覽器預設字型大小為16px，行高為21px
文字格式化標籤：
<b>加粗</b>
<i>傾斜</i>
<u>下劃線</u>
<em>傾斜強調</em>
<strong>加粗強調</strong>
<del>刪除線</del>
<s>￥1299</s>
<sup>￥1000</sup>
<sub>￥1000</sub>
2<sup>3</sup>
O<sup>2</sup>
<big>大號字型</big>
<small>小號字型</small>
列表
無序列表
<ul type="circle">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ul>
<ul type="square">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ul>
<ul type="disc">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ul>
<ul type="none">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ul>
有序列表
<ol type="A">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ol>
<ol type="I">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ol>
<ol type="a">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ol>
<ol type="1">
<li>hehe</li>
<li>haha</li>
<li>xixi</li>
<li>huhu</li>
</ol>
table 的屬性
border 設定表格的邊框
width 寬度
height 高度
align 設定表格的水平對齊方式
bordercolor 邊框顏色
bgcolor 背景顏色
background 背景圖片 預設平鋪
cellpadding 設定內容距邊框的距離
cellsapcing 設定單元格之間的距離，當取值為0，邊框為一條線
tr:行
td:單元格
th:單元格預設加粗且居中
tr的屬性
height 行高
bgcolor 背景顏色
background 背景圖片
align 行內容的水平對齊方式 預設left，取值center/right
valign 行內容的垂直對齊方式 預設middle，取值top/bottom
表單
form 屬性：method，action，name
input 屬性： type ，name，value
text
password
radio label 聯動 <input type="radio" name="sex" value="男" id="man"> <label for="man">男</label>（提升使用者體驗度）
checkbox
reset
button
submit
button 屬性 type:reset,botton,submit
下拉選單
select 屬性：type id
option 屬性：value
optgroup 屬性：label