版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/masicro/article/details/89230156

HTML标签

特殊字符

&nbsp #表示空格

head部分

<title>、<meta>  <link>  <script>  <style>

<meta> <!--meta里放置了一些设置浏览器配置信息-->
<!-- 设置编码格式-->
<meta charset="utf-8"/>
<!--设置关键字-->
<meta name="keywords" content="内容"/>
<!--设置作者-->
<meta name="author" content="内容"/>
<!--设置网页描述信息-->
<meta name="distribution" content="内容"/>

<!--引入图标-->
<link href="" rel="icon" type="img/icon"/>
<!-- 引入css样式文件 -->
<link href="" rel="stylesheet" type="text/css"/>

<!-- 引用js-->
<script type="text/javascript" src=""> </script>

body部分

标题标签

h1~h6

属性 align 表示位置 是否居中 所有自带换行的都有align属性

<hr/> 绘制一条水平线

段落标签

<p></p>

背景属性

颜色属性一般使用rgb

bgcolor 背景颜色

background 背景图片

span div标签

span 和div 没有任何属性  只支持样式修改

HTML文字标签

font标签 设置文字的大小颜色 属性：size 大小 color 颜色

b、strong标签 字体加粗

i 标签 文字倾斜

u 标签 下划线

del 标签 设置删除效果

sup标签 上标效果

sub标签 下标效果

address标签 地址标签

em标签 强调

pre标签

big 标签 字体变大

small 标签 字体变小

图片和链接

img标签 单标签 作用 显示图片

属性 src=“图片地址” 可以设置宽和高 title=“提示信息” alt=‘“图片找不到后的提示信息” 设置边框线 border=“5px”

a 标签 超链接标签

属性： href=（地址、 #name 锚点表示在整个页面定位，锚点声明必须要使用a标签） target =（_blank 在新页面打开、 _top 当前页面打开 _parent 当前父级框架打开 _self 在自己框架页面打开 ）

列表

有序列表

ol 有序标签

属性：type=（ul 属性：type=（ 1 默认数字、a|A 字母、 i|I罗马字母，none 不要））

无序列表

ul 无序标签 可以进行二级 li 表示列表内容

ul 属性：type=（ disc 默认黑色圆点、circle 空心圆点、 square方块，none 不要）

自定义列表

dl 自定义标签 dt 列表标题 dd 列表内容

表格

table表格标签 caption表格标题、 th标签 表示表格头自动加粗居中、tr标签 表示行、 td标签 表示列

table标签属性：border 边框 cellspacing 单元格间隙

tr属性 行合并 rowspan=“num” 几行合并

td属性 列合并 colspan=“num” 几列合并

表单

form表单

属性：action=“提交的路径” method=“提交方法（get/post）”

input 标签 单标签 输入标签

属性：

type=（text 默认是文本域，password 密码框，submit 提交，button 一般的按钮、reset 清空，checkbox 多选框，radio 单选框 必须增加name属性，而且name一致 checked表示默认选择一个，hidden 隐藏域，file 上传文件，date 表示日期，week 第几年第几周，url 验证url，email 验证邮箱，color 直接自己配色，range选择范围要结合js，search 搜索框）

value = （保存输入结果）

name 表单域的名字，只有设置了才能被提交

placeholder=“提示信息”

required 表示此为必选项

readonly 表示不能修改值

下拉列表

select 标签 optgroup 分组标签 option选项标签

select 属性 size表示样式

textarea 标签 大文本区域

属性 name=“name” cols =“num” 列，rows=“num” 行

label 标签 为了方便加css样式

fieldset 标签

块级标签和行内标签

没有绝对的行内和行外的，都可以通过css修改

**块级标签：**单独占一行 ，默认换行

​ 可以设置间距(外间距margin，内间距padding)

​ 可以设置宽和高

div、hx、hr、p、table、tr、form

**行内（内联）标签：**不会换行 无法设置高和宽 宽和高是内容的宽和高

​ 只能设置左和右的margin和padding

​ 只占有内容的实际大小，

font、i、u、del、b、span、a、td、input、select、textarea

display 设置标签的显示方式

block：显示为块级标签

inline：显示为行内标签

inline-block：即不换行又可以设置宽和高

HTML5新增的标签

HTML新增的语义话标签

1. header：页面头部

2. footer：页脚

3. article：定义页面独立的内容区域

4. aside：定义页面的侧边栏内容

5. details：文档某个部分的细节

6. summary： details中的标题

7. figure 规定独立的流内容

8. figcaption：是figure的标题

9. mark：标记

10. nav：导航链接

11. meter：用来表示范围已知且可度量的内容

12. ruby：加注释 例如加拼音等等

13. progress 进度条

14. datalist option

媒体流

audio 标签 播放声音资源

video 标签 播放视频资源

embed 将网页抓取下来

画布

canvas