HTML中常用标签

什么是语言？

 语言：交流，沟通的工具。 人与人之间的沟通，我们就是用语方来交流的，不同的国家有不同的语言，如：中文、英语、法语等。开发人员（web前端开发工程师）要和浏览器沟通，就要用到浏览器所能识别的语言(HTML超文本标记语	言)所以HTML他是一门浏览器能够识别的语言。

web前端开发语言

 1. html （HyperText Markup Language）超文本标记语言--结构
 2. Css （Cascading Style Sheets）css层叠样式表  --装扮，装修
 3. Js (Javascript)  --行为（制作动画 浏览器最基本的脚本语言）

超文本标记语言

1、HTML 标记标签通常被称为 HTML 标签 (HTML tag)
2、HTML 标签是由尖括号包围的关键词，比如
3、HTML 标签通常是成对出现的，比如 和
4、标签对中的第一个标签是开始标签，第二个标签是结束标签 
5、开始和结束标签也被称为开放标签和闭合标签 
6、超文本：页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
7、HTML 不是一种编程语言，而是一种标记语言 (markup language)   
8、标记语言是由一套标记标签 (markup tag)组成  
9、HTML 使用标记标签来描述网页
小结：网页的结构html+css

---

常用标签如下

---

标题标签

<h1>标题1h1>
<h2>标题2h2>
<h3>标题3h3>
<h4>标题4h4>
<h5>标题5h5>
<h6>标题6h6>

标题1

标题2

标题3

标题4

标题5

标题6

font标签

定义文字
Size：文字大小 （1-7）                      color：文字颜色

p标签

 定义段落标签

 p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在
 样式表中规定。

b / strong

b标签定义加粗标签

Strong不仅加粗而且还有强调的效果

span / pre

span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格
和换行符。而文本也会呈现为等宽字体。

del

del.定义文档中已被删除的文本。

em

i. 标签显示斜体文本效果。

定义文本中强调的内容。

上/下标

 上标

下标

超链接

Target=“_blank / self”
超链接对象

常用标签总结：

图片标签

常用图片格式：
1.gif动态图片
2.jpg是一种比较常见的图片格式
3.png透明图片

图片路径：
a:绝对路径（完整的描述文件位置的路径）
1.从盘符出发的路径：D:\zhangsan\web\images\1.jpg
2.从域名出发：http://https://profile.csdnimg.cn/8/B/C/3_qq_48009889

b:相对路径（
自己相对与目标位置
从当前目录出发，源文件和引用文件在同一目录里，直接引用文件名）
	
	路径符号
./		当前目录
../		返回上一层目录
../../		返回上一层的上一层的目录

相对路径六种情况：
1.html文档和图片在同一目录，直接引用即可
2.图片在文件夹1里面，html和文件夹1同一目录
3.文件夹1里面文件夹2，图片在文件夹2里面，html和文件夹1同一目录
4.图片和文件夹1同一目录，html在文件夹1里面
5.图片和文件夹1同一目录，文件夹1里面文件夹2，html在文件夹2里面
6.图片在文件夹2里，html在文件1里面，文件夹1和文件夹2同一目录

图片标签四要素：
alt		title	  width	  	 height

三种列表标签

1.无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表开始于
标签，每个列表项开始于

type：
	disc         实心圆
	circle       空心圆
	square     方块符号
2.有序列表
有序列表也是一列项目，列表项目使用数字进行标记。
有序列表开始于
标签，
每个列表项开始于

type：
	A    大写字母序列号
	a    小写字母序列号
	I     I II III 序列号
3.定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 
 标签开始。
每个自定义列表项以 
 开始。
每个自定义列表项的定义以 
 开始。

附：