html特性速记图,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标签：段落

标签

行标签：包含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)的基本元素，只能容纳文本或者其它内联元素。

块级元素 ：特点独占一行

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

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

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

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

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

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

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

相关文章:

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

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

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

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

&...

先上图

样式设置：

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

总结

...

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

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

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

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

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

网友评论

验证码：