html知识点速记

标签

行标签：包含a、span、em、strong、img、var；

a标签：主要用来链接一个其他的网页；

span标签：主要用来对行内的文字进行一些样式以及其他的操作；

em标签：一般用来对文字进行强调，使用斜体体现出来；

strong标签：一般用来对文字进行强调，使用加粗字体体现出来；

img标签：图片引用标签，其中 src属性中写入图片的地址；

var标签：JavaScript中命名变量的标签。

块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6；

p标签：段落标签，段落文字使用，默认格式：段尾进行换行；

div标签：划分块的主要使用标签；

ul标签：无序列表的主标签，后面的标号为圆点（黑色）；

ol标签：有序列表的主标签，后面一般跟有序的1,2,3,4,5...；

li标签：列表中的主体使用标签

dl标签：自定义标签的主标签；

dt标签：自定义标签的表头；

dd标签：自定义标签的表头的解释（描述）信息；

h1~h6：6级标题标签、字体的大小依次变小。

加粗  b  strong   下划线  ins    u   删除线  s  del   倾斜线  i  em   换行 br  分割线 hr

另外表格也有一些主要的属性如：

表格table  tr  td  格式     thead  表头  tbody 表体 tfoot 表底     th一般用在首行加粗文字
元素   对齐方式  align   边框  border   高height   宽 width  内边距  cellpadding  外边距   cellspacing
合并单元格   rowspan  合并行    colspan  合并列  

1. 行内元素    内联元素 (inline element)或称为行内元素 一般都是基于语义级(semantic)的基本元素，只能容纳文本或者其它内联元素。
2. 
3. 块级元素 ：特点独占一行

    在浏览器显示时，通常会以新行来开始（和结束）。块级元素按照其应用于结构还是内容分为三种：结构化块状元素，终端块状元素，多目标块状元素。

   结构化块状元素： 这类元素用于构造文档的结构，没有语义上的含义，仅仅划分出了文档的组织方式，并没有体现文档的内容。
   终端块状元素： 这类元素用于从结构转向内容，拥有语义上的含义，能够表明内容的性质。终端块状元素属于结构的终点，它们不能再包含其他块级元素，只能包含文本或行级元素。
   多目标块状元素： 多目标指的是可以*的扩展或嵌套文档的结构，以可以终端的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵，以终端的形式使用就含有语义的内涵。
   

4. 3.块级元素与行内元素的区别
   （1）块级元素会独占一行，其宽度自动填满其父元素宽度；
   行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。
   （2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。
   （3）行内元素设置width、height、margin-top、margin-bottom、padding-top、padding-bottom无效。

   4. 块级元素与行内元素的转换
   display:inline-block;
   display:inline;
   display:block;
    

   5.可变元素

   可变元素为根据上下文语境决定该元素为块元素或内联元素：
   

本文地址：https://blog.csdn.net/youknow156/article/details/107297989