★[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):不同于其他文字的文字★(q):短引述
★[blockquote]:引述块、引述块、引述块(有默认的外边距)★(abbr){title}:缩写词 ★(dfn):定义术语 ★(sup):上标 ★(sub):下标 ★[address]:联系信息、联系信息、联系信息 ★(ins):插入文本
★(code):代码。常用特殊符号:< ~ < , > ~ > , (不换行空格) ~ , & ~ & © ~ © , ® ~ ® ™ ~ ™ , ☑ ~ ☑ , ☒ ~ ☒。
★[pre]: 预 格 式 化★(mark):突出显示文本 ★(span):范围
★[th]{width="40%"}:表头单元格1 | ★[th]:表头单元格2 |
---|---|
★[td]:单元格1-1 | ★[td]{rowspan="2"}:行合并单元格1-2 |
★[td]:单元格2-1 | |
★[td]{colspan="2" align="center"}:列合并单元格 |