HTML5-day3

3.1文档类型声明标签

<!DOCTYPE> 文档类型声明 告诉你是HTML5的版本 不属于html的内容

3.2lang语言种类

lang 是语言 en 英语网页 zh-CN中文网页 不管写啥都能行

3.3字符集

charset <meta charset="UTF-8"/> 规定HTML文档应该使用哪些字符编码

UTF-8万国码 基本上所有字符都有 国外也可以看

vscode自动生成 不需要我们重写

4.1标签语义

标签的含义 这个表示是干嘛的 添加语义标签，让页面结构更清晰

4.2标题标签

<1>-<6>双标签 作为标题使用，并且依据重要性递减

<1>我是一级标签</h1>

4.3段落和换行标签

段落标签<p></p> 段落和段落直接有很大空隙

换行标签<br /> break 单标签 强制换行换行只是另起一行，没有很大空隙

4.4文本格式化标签

设置粗体，斜线，下划线等

加粗<strong></strong>    <b></b>

倾斜<em></em>    <i></i>

删除线 <del></del>

下划线<ins></ins>

4.5 <div>和<span>标签 双标签

盒子  div division 分割分区 一行只能放一个div 大盒子

        span 跨度跨距 小盒子

4.6 图形标签和路径

图形标签 <img src="图形URL"  />

src是<img>标签的必须属性，它用于指定图像文件的路径。

alt 替换文本 图像不能显示  替换成文字

title 提示文本 鼠标放在图像上显示文字   width height border边框

注意点：属性不分前后顺序，一定要写在标签后面，属性和属性之间要有空格分开 

                键值对的形式 key=“value”的格式

4.8 路径

目录文件夹和目录：

目录文件夹：普通文件夹，放案例图片等

根目录：打开文件夹的第一层就是根目录

打开文件夹 放入文件 直接新建文件

相对路径：引用文件所在位置为参考基础而建立出的目录路径。图片位置为参考

同一级路径 下一级路径/  上一级路径../    ../../../html

相对于html文件的位置

绝对路径： 是指目录下的绝对路径。