HTML笔记----标签分类

一、关于HTML

     HTML（HyperText Markup Language）即超文本标记语言，是一种用来制作超文本文档的简单标记语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。

二、知识点总结

1.五大常见浏览器:Internet Explorer、FireFox、Safari、Chrome、Opera。
2.段落标签
   <p>内容</p>

<p>这是内容</p>

3.HTML:超文本标记语言
4.网页状态下，按F12打开开发者工具
5.标记标签

• 双标记标签：<标签名></标签名>

<title>赵雷</title>

• 单标记标签：<标签名> 

<img src="./img/1.png" alt="稍等一下哦，正在加载~">

6.元数据标签：meta

<meta charset="utf-8">

7.字符设置：charset 用来设置字符编码的类型
8.万国码：utf-8 / gbk / gb2312
9.<!--注释内容--> 快捷键：crtl+？

<!-- 标题 -->

10.元素

•     块元素（block）独占一行：p、h
•     内联元素（可以共用一行）：img

11.属性

• src(source)：用来引入图片路径。
• alt：当图片加载失败时的提醒文本。

12.图片引入方法
（1）当html文件与图片在同一个目录下，src的值是 图片名称 或 ./图片名称

<img src="1.png"  alt="正在加载哦，请稍等...">
<img src="./1.png"  alt="正在加载哦，请稍等...">

（2）当html文件与图片所在文件夹在同一个目录下，src的值是先写文件夹名称，再写图片名称

<img src="img/1.png"  alt="正在加载哦，请稍等...">
<img src="./img/1.png"  alt="正在加载哦，请稍等...">

（3）当html文件的文件夹与图片在同一个目录下，先使用绝对路径../跳出当前目录，再写图片名称

<img src="../1.png" alt="加载中，请稍后哦...">

（4）当html文件的文件夹与图片所在文件夹在同一个目录下，先使用绝对路径../跳出当前目录，再写图片所在文件夹名称，再写图片名称

<img src="../img/1.png" alt="加载中，请稍后哦...">