本文详细介绍了HTML和CSS的基础知识，包括HTML的结构、标签、属性，以及CSS的样式设置、选择器、盒模型和定位。内容涵盖浏览器的作用、HTML的骨架格式、常用标签、文本格式化、图片和链接的使用，以及CSS的三大特性、选择器优先级、浮动和定位。还提到了CSS在页面布局中的应用和一些优化技巧，如SEO相关标签的使用。
HTML
浏览器：
作用：
1、发送请求
2、接收响应
3、解析响应代码
分类：
谷歌、火狐、IE、苹果、欧鹏
内核：作用：相当于浏览器的发动机。
发展：
1、只有结构（HTML）单调。
2、加入样式。（css）页面更加美观，但缺少交互
3、加入行为（js）使网页具有交互效果。
web标准：
结构(html)、样式(css)、行为标准（js）。
结构标准（html）
概念：
1、(HyperText Mark Language)超文本标记语言
2、超文本：本质上是普通文本，但是可以解析为图片、链接、音频、视频...
3、语言：它是web标准中描述结构的语言。
4、标记：这种语言的一个特点：a、书写需要使用一个标记来进行突出。b、以"<"开头，以">"结尾
骨架格式：
1、<html></html>用来管理当前页面上的所有的内容。
2、<header></header> html中的一部分，用来存放一些头部信息
3、<title></title> 设置页面的结构
4、<body></body> 用来存放一些头部信息
标签：（重点）
分类：
双标签：成对出现 <html></html>
单标签：只有一个开头的标签，并且在开头标签中有个 "/",例如：<br/>
关系：
嵌套关系：将来如果两个标签是嵌套关系，书写时，被嵌套的标签需要向右有个缩进。
并列关系：将来如果2个标签是并列关系，在书写时，2个代码需要左对齐。
常用标签：
1、p标签：作用：段落
2、h系列的标签：作用：标题。分类：h1,h2,...,h6。注意：一个页面只允许出现一个 h1
3、hr 标签。作用：水平线（无语意）
4、br 标签。作用：换行（无语意）
5、没有语意的标签（常用）：
div：
特点：单独可以占一行
作用：结合css进行页面的布局，（div+css布局）
span：
特点：一行可以显示多个
作用：将来也是在div+css布局中辅助布局
6、文本格式化标签：
没有语意：
b:作用：加粗文本
s:作用：给文本添加删除线
i:作用：给文本添加倾斜效果
u:作用：给文本添加下划线
强调语意：
strong：作用：加粗文本。
del: 作用：给文本添加删除线
em: 作用：给文本添加倾斜效果
ins: 作用：给文本添加下划线
7、img标签：
作用：在页面上可以添加一张图片
语法：<img/>
标签的属性：
作用：可以为标签设置一些信息。
src：路径。例如：src="login.png"
alt: 给图片设置描述信息，当图片无法正常加载时会显示这段文本。
title：给图片设置描述信息。
width：给图片设置宽度。如果只设置宽度，那么图片会等比例缩放。
height：给图片设置高度。
border：设置边框。
8、a标签：
作用：在页面添加链接。1、从一个页面跳转到另一个页面2、空链接3、锚链接
名称：链接、超链接、a标签
语法：<a>文本</a>
属性：
href 作用：设置超链接的跳转路径。
title 作用：设置链接的描述信息。
target： 作用：设置a 标签的跳转方式。
取值：_self 在原页面上跳转
_blank 在新的页面上跳转
base：可以统一设置当前页面的a 标签的跳转方式
9、路径
绝对路径：带有盘符的路径，换一条设备就不能打开。
相对路径：
a、同一目录下 <img src="1.jpg">
最低0.47元/天 解锁文章
1241
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
