![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
学前端的菜鸟
还在学习前端的菜鸟
展开
-
浏览器中的盒模型
盒模型每个元素在页面中都会生成一个矩形区域(盒子)盒子类型:1.行盒,display等于inline的元素2.块盒,display等于block的元素行盒在页面中不换行、块盒独占一行盒子的组成部分无论是行盒、还是块盒,都由下面几个部分组成,从内到外分别是:1.内容 contentwidth、height,设置的是盒子内容的宽高内容部分通常叫做整个盒子的内容盒 content-...原创 2020-03-09 21:35:40 · 771 阅读 · 0 评论 -
元素的包含关系
我们知道,html元素大体分为两类一类是块级元素,一类是行级元素。在以前,块级元素可以包含行级元素,行级元素不能包含块级元素,a元素除外。但是现在不应该这么简单的理解总结1.容器元素中几乎可以包含任何元素2.a元素中几乎可以包含任何元素3.某些元素有固定的子元素(ul>li, ol>li, dl>dt+dd)4.标题元素和段落元素不能相互嵌套,并且不能包含容器元素...原创 2020-03-09 20:34:24 · 522 阅读 · 0 评论 -
html中的容器元素
容器元素容器元素:该元素代表一个块区域,内部放置其他元素div:没有语义header:通常用于表示页头,也可表示文章的头部footer:通常表示页脚,也可以表示文章的尾部article:通常用于表示整篇文章section:通常用于表示文章的章节aside:通常用于表示侧边栏...原创 2020-03-09 20:27:18 · 524 阅读 · 0 评论 -
多媒体元素
audio和video用controls显示控件某些属性只有两种状态1.不写2.取值为属性名,这种属性叫做布尔属性布尔属性在html5中,可以不用属性属性值如:autoplay、muted、loop、disabled…...原创 2020-03-09 20:23:02 · 172 阅读 · 0 评论 -
路径的写法
有时候在我们写代码的时候,需要引入文件或者打开网页,这时候就需要写路径,而路径又分为相对路径和绝对路径。1.绝对路径书写格式:url路径:协议名://主机名:端口号/路径schema://host:port/path2.相对路径以./开头, ./表示当前资源所在的目录可以书写…/表示返回上一级目录相对路径中: ./可以省略...原创 2020-03-08 21:33:43 · 6028 阅读 · 0 评论 -
HTML实体字符
实体字符,HTML Entity通常用于在页面中显示一些特殊符号1.&单词;2.&#数字;3.<; -->小于符号4.>;–>大于符号5. ; 空格符号6.©; 版权符号7.&; &符号...原创 2020-03-08 21:10:16 · 96 阅读 · 0 评论 -
标签语义化
什么是语义化1.每个html元素都有具体的含义比如a元素:超链接p元素:段落h1标签:一级标题…2.所有元素与展示效果无关元素展示到页面中的效果,应该由css决定,也就是说如果你想要做一个盒子,可以用css设置a标签的样式。因为浏览器带有默认的css样式,所以每个元素有一些默认样式。选择什么元素,应该取决于内容的含义,而不是显示出的效果为什么需要语义化1.为了搜索引擎优化(S...原创 2020-03-08 20:52:26 · 106 阅读 · 0 评论