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本身没有的高阶...
网友评论
验证码: