HTML

HyperText Markup Language

DOM树

标题h1-h6

列表

ol:order list 有序列表 ul：unorder list无序列表 dl：定义列表 dt：标题 dd：description值

链接

<a href="https://www.baidu.com/" target="_blank">

多媒体

图片<img src="https://.../all.jpg" alt="替代文字" width="" />

音频<audio src="" controls></audio>

视频<video src="" controls></video>

输入

<input placeholder="占位符">

<input type="range">范围

<input type="number" min="1" max="10">

<input type="date" min="2018-02-10" >

<textarea>多行输入</textarea>

选择

<p>
<label><input type="radio" name="sport" /></label>
<label><input type="radio" name="sport" /></label>
</p>

<p>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p>

引用

<blockquote cite="http://...">
<p>块级引用（长引用）</p>
</blockquote>

<cite>短引用</cite>
<q>段引用（具体章节）</q>

内容划分

语义化

HTML中的元素、属性及属性值都拥有某些含义

开发者应该遵循语义来编写HTML

lang属性表示内容所使用的语言