★[h1]{align}:一级标题、一级标题、一级标题

★[p]:段落、段落、段落(有默认的上下外边距)。本页面中的符号说明:★——标签名称(tag name),[]——块级元素(block element),()——行内元素(inline element,也叫内联元素),([])——替换元素(replaced element)。{}——常用属性。

在标准文档流里面,块级元素具有以下特点: ①总是在新行上开始,占据一整行; ②高度、行高、外边距和内边距都可控制; ③宽度默认是填满其父容器的宽度,除非设定一个宽度; ④它可以容纳内联元素和其他块元素。

行内元素的特点: ①和相邻行内元素同处一行上; ②高度、行高、外边距和内边距只可部分改变; ③宽度只与内容有关; ④行内元素只能容纳文本或者其他行内元素。 行内元素不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,可以设置外边距,但是外边距只能对左右起作用,也可以设置内边距,但是内边距也只能对左右起作用。

替换元素(置换元素)的特点: ①一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。 ②替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。 ③例如浏览器会根据img标签的src属性的值来读取图片信息并显示出来,而如果查看HTML代码,则看不到图片的实际内容;又例如根据input标签的type属性来决定是显示输入框,还是单选按钮等。 ④HTML中的img、input、textarea、select、object都是替换元素。这些元素往往没有实际的内容,即是一个空元素。

非置换元素/不可替换元素:HTML 的大多数元素是不可替换元素,即其内容直接表现给用户端(例如浏览器)。

★(small):细则 ★(strong):重要 ★(em):强调 ★(b):文本块 ★(i):不同于其他文字的文字
★[figure]:图、图、图(有默认的外边距) 替换文本←★([img]){src,alt,title,width,height}:图像
★[figcaption]:图标题、图标题、图标题
★(cite):引用或参考 ★(q):短引述
★[blockquote]:引述块、引述块、引述块(有默认的外边距)
★(abbr){title}:缩写词 ★(dfn):定义术语 ★(sup):上标 ★(sub):下标
★[address]:联系信息、联系信息、联系信息
★(ins):插入文本 ★(del):删除文本 ★(s):不再准确的文本 ★(u):非文本注解 ★(code):代码。常用特殊符号:< ~ &lt; , > ~ &gt; ,    (不换行空格) ~ &nbsp; , & ~ &amp; © ~ &copy; , ® ~ &reg; ™ ~ &trade; , ☑ ~ &#9745; , ☒ ~ &#9746;。
★[pre]:
预
  格
    式
      化
★(mark):突出显示文本 ★(span):范围
★[div]:块容器、块容器、块容器
★(a){href,target,title}:链接 外部链接:集美大学 站内链接:测试CSS 书签链接(锚链接):回到顶部 文件链接:下载 邮箱链接:13459026987@139.com 电话链接:13459026987 空链接 刷新本页面链接 本页面链接(不刷新) ★(br):换行
↓★[ol]{type,start}:有序列表(有默认的上下外边距和左内边距)
  1. ★[li]:列表项2
  2. ★[li]{value}:列表项5
  3. ★[li]:列表项6
↓★[ul]{type}:无序列表(有默认的上下外边距和左内边距) ↓★[form]{method,action,onsubmit}:表单
★(label){for}:标签(为输入控件服务)→ 单选框([input]){type="radio",name相同,id不同,value不同,checked}: 复选框([input]){type="checkbox",name,id,checked}: 隐藏字段([input]){type="hidden",name,value}: 提交按钮([input]){type="submit",value}: 重置按钮([input]){type="reset",value}: 普通按钮([input]){type="button",value,onclick}:←★([input]){type,name,id,value}:输入控件 ★([textarea]){name,id,rows,cols,value,placeholder}:文本区域: ★([select]){name,id,onchange}:选择框:
↓★[table,thead,tbody,tfoot,tr]:表格、表头、表主体、表尾、行。
★[caption]:表格标题
★[th]{width="40%"}:表头单元格1 ★[th]:表头单元格2
★[td]:单元格1-1 ★[td]{rowspan="2"}:行合并单元格1-2
★[td]:单元格2-1
★[td]{colspan="2" align="center"}:列合并单元格