html特性速记图,html知识点速记

html知识点速记

2020年07月14日

| 萬仟网IT编程

 | a48e1d17a2b0511faa7da7240b1971f6.png我要评论

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

标签

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

行内元素  内联元素 (inline element)或称为行内元素 一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。

html特性速记图,html知识点速记_第1张图片

块级元素 :特点独占一行

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

结构化块状元素: 这类元素用于构造文档的结构,没有语义上的含义,仅仅划分出了文档的组织方式,并没有体现文档的内容。

终端块状元素: 这类元素用于从结构转向内容,拥有语义上的含义,能够表明内容的性质。终端块状元素属于结构的终点,它们不能再包含其他块级元素,只能包含文本或行级元素。

多目标块状元素: 多目标指的是可以自由的扩展或嵌套文档的结构,以可以终端的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵,以终端的形式使用就含有语义的内涵。

html特性速记图,html知识点速记_第2张图片

3.块级元素与行内元素的区别

(1)块级元素会独占一行,其宽度自动填满其父元素宽度;

行内元素不会独占一行,相邻的行内元素会排列在同一行,直至一行排不下才会换行,其宽度随元素的内容而变化。

(2)块级元素可以包含行内元素和块级元素;行内元素不能包含块级元素。

(3)行内元素设置width、height、margin-top、margin-bottom、padding-top、padding-bottom无效。

4. 块级元素与行内元素的转换

display:inline-block;

display:inline;

display:block;

5.可变元素

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

html特性速记图,html知识点速记_第3张图片

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

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实将立刻删除。

相关文章:

html特性速记图,html知识点速记_第4张图片

一、el表达式介绍 expression language表达式语言 是一种在jsp页面获取数据的简单方式(只能获取数据,不能设置数据) 在jsp2.0开...

html特性速记图,html知识点速记_第5张图片

思维导图不得不说是学习及温习的极佳方法,这里转载一波网上他人的精品JS思维导图十张,共同学习,如有冒犯原著可联系本人及时处理。 ...

这篇随笔主要是简述一下js保留字的各种能力,会慢慢的更。。。 ...

html特性速记图,html知识点速记_第6张图片

js cookie 常用的3个预设函数(库)

&...

先上图

样式设置:

在小程序社区看了下,说是伪类造成的。于是就重新定义下样式。然后就 ok 了。

总结

...

html特性速记图,html知识点速记_第7张图片

风力发电是指把风的动能转为电能,利用风力发电非常环保,且风能蕴量巨大,因此日益受到世界各国的重视。我国风能资源丰...

最近在研究MUI框架时,看到这样的代码: init,这个外面还有一层: 有些明了了,这就像java中对象的里面定义了一个init方法,这里init方...

html特性速记图,html知识点速记_第8张图片

前言 前言 最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都...

1.stop 阻止事件冒泡 2.prevent 阻止默认事件发生 3.capture 当元素发生冒泡时,先触发带有该修饰符的元素。若有多个该修饰符,...

因为underscore本来就是为了充分发挥javascript的函数式编程特性,所以也提供了大量javascript本身没有的高阶...

网友评论

387afa1e91d68b43eca6c11dc07bf577.gif

验证码:

你可能感兴趣的:(html特性速记图)