html常用标签、包含关系、常用术语,以及网页设计…
2019-09-30 06:41:34来源:博客园 阅读 ()
html常用标签、包含关系、常用术语,以及网页设计中的字体分类
编程比较舒适的等宽字体: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集
原文链接:https://www.cnblogs.com/qq9836/p/11612219.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:学CSS新手容易出现的错误
下一篇:html的图片移动(js)
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash