中软day02

HTML

Hyper text markup language 超文本标记语言 主要是对网页的文本，图片，声音进行描述

HTML骨架格式

html标签 是所有标签的根节点

head标签 用于存放title meta base style script link

title标签 展示页面标题

body标签 页面的主题部分，用于存放所有标签

HTML标签分类

1.双标签

2.单标签(自闭标签)比较少

HTML标签关系

嵌套

同级

字符集（charset）

不写出现乱码问题

gb2312 简体中文 六千多个汉字

BIG5 繁体中文

GBK(扩展) 兼容GB2312，同支持繁体字

UTF-8 包含所有语言，全世界用的字符

HTML标签的语义化

指标签的含义

为什么要有语义化标签

1.方便阅读和维护

2.让浏览器，爬虫可以更好的解析，可以分析到更优质的数据

3.为搜索引擎提供优化

HTML标签（*）

排版标签

就是骨架标签

标题标签（熟记）

h1标签很重要，所以少用，一般用于logo或标题

段落标签（熟记）

单词缩写：paragraph 段落

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为几个段落

文本内容

水平线标签（认识）

单词缩写： horizontal 横线

---

换行标签（熟记）

单词缩写：break 打断

这时如果还像在word中直接敲回车键换行就不起作用了。

div span标签（重点）

这是头部

今日价格

div

span 范围

文本格式化标签（熟记）

[外链图片转存失败(img-4aLl2jha-1565917429904)(C:\Users\85445\AppData\Roaming\Typora\typora-user-images\1565056866472.png)]

图像标签img（重点）

单词缩写： image 图像

HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签以及和他相关的属性。其基本语法格式如下：

src和href区别

[外链图片转存失败(img-YgYIeiMf-1565917429905)(C:\Users\85445\AppData\Roaming\Typora\typora-user-images\1565057299943.png)]

标签属性

​ 样式属性 width height

​ class id

​ type

​ 格式 key=“value”

链接标签（重点）

​ anchor 铁锚

​ href 跳转目标

​ target 目标窗口的弹出方式 self当前页面 blank新页面

锚点定位

通过创建锚点链接，用户能够快速定位到目标内容

创建锚点链接分为两步：

路径（重点、难点）

相对路径

绝对路径

列表

无序列表ul（重点）

• 列表项1
• 列表项2

有序标签ol（了解）

1. 列表项1
2. 列表项2