当前位置: 移动技术网 > IT编程>开发语言>JavaScript > html知识点速记

html知识点速记

2020年07月14日  | 移动技术网IT编程  | 我要评论

标签

行标签:包含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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网