小白学习HMTL---Day2

三、常用标签

1.基本标签

标签	定义	说明
br	换行标签	非关闭性标签
p	段落性标签	关闭性，块级标签，前后有明显的间隔
h1,h2,h3	标题标签	按照h1-h6，独占一行
pre	预格式化文本标签	保留编码时候的格式
div	分区标签	常用作容器来使用，一般 用来页面布局，块级标签
span	范围标签	默认没有任何效果，一般来设置行内的特殊样式
ol,li	有序列表	有顺序的项目列表
ul，li	无序列表	无顺序的项目列表
dl,dt,dd	定义列表	对术语，图片等进行描述
hr	水平线标签	horizontal

1.1有序列表

1.2无序列表

1.3定义列表

dl definition list

dt definition title

dd definition description

1.4水平线标签

常用的属性:

color：颜色:

1.直接写颜色的名称:red

2.写16进制的RGB，red、green、blue，用法#RRGGBB/#00FF00

size 粗细

1.像素:10px，绝对值(固定值)

2.指定一个百分比:绝对值，相对于父容器的百分比

align对齐

取值(left,right,center默认是中心对齐)

1.5图像标签

img：image

常见的属性:

src：source：指定图片的路径：来源

如果图片和html页面在同一个文件夹中，可以直接写图片名称

习惯上，一般是将多个图片放到统一的文件夹中，方便使用

alt:当图片无法加载出来的提示

titile:当鼠标停留在图片上提示的信息

width/height:默认图片就是原图片的大小---其中也有两种写法:

1.像素:绝对值

2.百分比:相对值，相对于父容器的大小

2.其他标签

标签	定义
i	斜体标签	italic
em	强调的内容	在浏览器中一般默认为斜体
address	强调地址	在浏览器中一般默认为斜体，这是一个块级标签，要独占一行
b	加粗现实	bold
strong	强调的内容	在浏览器中一般默认为加粗
del	删除线	delete
ins	下划线	标注某个内容
sub	下标
sup	上标
bdo	设置文本的方向	通过属性dir="ltr" left to right从左到右
abbr	设置文本的缩写	通过titile属性，当鼠标停留在文本上面的提示
small	相当于当前字号小一号
big	相当于当前字号大一号

3.头部标签

1.meta定义网页的摘要信息。

2.title定义网页的标题

3.style可以定义内部css样式

4.link引用外部的css文件

5.script定义或者引用脚本

6.base定义基础路径，

一般都是默认是在当前路径下的

4.标签的嵌套

1.一个标签里面嵌套另一个标签

便签不能随便嵌套，以下就是错误的

<p><div></div></p>

2--浏览器渲染后显示的页面代码可能与编码是不一样的

可以用浏览器中的开发工具查看代码(F12)

常用工具:

Elements 元素，

console控制台，显示各种警告和错误的信息

network网络，查看网络请求信息，浏览器向服务器请求了哪些资源，资源大小，加载资源花费的时间

source