html常用标签、包含关系、常用术语,以及网页设计中的字体分类

html常用标签、包含关系、常用术语,以及网页设计中的字体分类,第1张

概述编程比较舒适的等宽字体:DejaVu Sans Mono 字体的分类: serif (衬线字体){在笔画上面有些特殊的修饰效果} sans-serif (非衬线字体){横平竖直.横就是横,点就是点} monospace ( 等宽字体) cursive ( 草书字体) fantasy (虚幻字体) 以上这些分类都是一些大的分类, 并没有涉及具体的类型,如果将字体指定为这些格式,浏览器会自己选择指定类
编程比较舒适的等宽字体:DejaVu Sans Mono
字体的分类:

serif (衬线字体){在笔画上面有些特殊的修饰效果}

sans-serif (非衬线字体){横平竖直.横就是横,点就是点}

monospace ( 等宽字体)

cursive ( 草书字体)

fantasy (虚幻字体)

以上这些分类都是一些大的分类,并没有涉及具体的类型,如果将字体指定为这些格式,浏览器会自己选择指定类型的字体。一般情况在指定字体的时候.把分类名称放到最后面当备用字体

HTML标签

HTML标签的语义:

<div>,<span>没有任何默认样式和语义

<b>(加粗),<i>(斜体) 有默认样式  没有任何语义

<small>  有默认样式 h5中语义:用来表示一些细则,比如合同中的小字,版权声明等

<big>有默认样式 无语义 已淘汰

<cite>有默认样式 可以指明某内容的引用或参考,例如文章,图书,电影,标题,书名  例:<p><cite>《七龙珠》</cite>讲的是....<p>

<q>(行内引用)表示一个短的引用  例如 <p>孔子曰:<q>学而时习之</q></p>  有默认样式,浏览器会自动加一个引号

<blockquote>(块状引用)表示一个长的引用  例如 <p>孔子曰:<blockquote>学而时习之</blockquote></p>  有默认样式,浏览器会自动加一个引号

<sup>设置上标   比如 2<sup>2</sup>  则浏览器会显示2的2次方  或者可以加个a标签作为小备注

<sub>设置下标

<del>删除线

<ins>  表示插入的内容  浏览器会自动加上下划线

<pre>预格式标签  常用语代码的显示

<code> 仅仅语义表示这里面是一段代码,但是格式并不会保留.所以通常与 pre标签配合使用

ul,li无序列表

ol,li有序列表

dl,dd,dt 定义列表


注意:

一般情况下只会使用块元素包裹行内元素,而不会用行内元素包裹块元素

a 标签可以包裹任意元素,除了它本身(无论是块元素还是行内元素)

p元素不能包含其他的任何块元素

元素与元素之间的关系:

元素与元素之间的关系:

父元素:直接包含子元素的元素

子元素:直接被父元素包含的元素

祖先元素:直接或间接包含后台元素的元素(父元素也属于祖元素)

后台元素:直接或间接被祖元素包含的元素(子元素也是后台元素)

兄弟元素:拥有相同父元素的元素叫做兄弟元素

什么是伪类:

伪类专门用来表示元素的一种特殊的状态

比如 访问过的超链接,焦点文本框

什么是伪元素

伪元素用来表示元素中的一些特殊的位置

HTML中em单位是什么意思

和百分比类似,它是相对于当前元素的字体大小来计算的.1em=1个Font-size

 

原文地址:http://www.qingzhouquanzi.com/100.HTML

笔记来源于 b站 尚硅谷 HTML5课程103集

总结

以上是内存溢出为你收集整理的html常用标签、包含关系、常用术语,以及网页设计中的字体分类全部内容,希望文章能够帮你解决html常用标签、包含关系、常用术语,以及网页设计中的字体分类所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1031944.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存