HTML 中的各种标记简介

1.HTML的段落
段落标记：

特点：（1.）自成一行 ，会占满整行 ，在它之后出现的文字会在下一行显示
（2.) 段落之间和段落之间会有空行间隙
通常情况下 p标记，后有一个设置水平对齐方式的属性 align ，它的取值
left/center/right

2.html 中网页内容的标题标记

1.html网页的标题是通过title标记设置
2.h1-h6 一组标记 用来显示网页内容的标题标记
特点：（1.）自成一行，会占满整行，在它的后面出现的内容将会在下一行显示
（2.）h1-h6 表示显示效果字体的大小，H1 字体最大，H6字体最小。
（3.）不同的浏览器呈现的展示效果会有所差异。

3.HTML中的回车换行标记
1.回车换行 -------
是独立标签
2.在HTML中键盘的回车键是不能将内容回车换行是需要使用br标签进行使用。

4.HTML中的分割线标记
1.

---

网页中的分割线标签
2.常用的属性
color属性–分割线的颜色 【颜色的单词/颜色码】颜色码比如#000000

---

size 属性------分割线粗细 【1-7】
width 属性-------分割线长短 【数字PX】
align 水平对齐属性 [left-左对齐 center-居中对齐 right-右对齐]

5.HTML中设置字体的标记
1.font ----是html中设置字体的标记
2.常用的属性 color 属性 -----设置字体颜色【颜色单词/颜色码】
size属性-----设置字体大小最大值 最大为7
face属性------设置字体风格 例如正楷 黑体等 前提是系统本地自带的字体风格才可以设置成功

6.html 中的居中标记
1.center—html中居中的标记
2.水平居中显示的html 标记 /文字/图片例
7.一组文本格式化标记

7.html 中的图片标记
分为三种 【绝对路径，相对路径。网址地址路径】
img --图片标记常见的属性
（1.） srcs属性–设置图片路径
绝对路径----从操作系统的指定盘中的目录开始查找图片的路径
缺点：1.如果图片的保存目录层次太深，图片的操作路径显示就会很长
2.当我们将网页 /保存图片的文件夹移动之后，这个图片的路径就变化。图片无法正常显示。

相对路径—以当前网页为参照，为中心，对外卡扣式查找图片的路径
1.图片与当前网页在同一目录下 【src=“图片名称”】
2.图片保存在当前网页所在目录的子文件夹中 【sre=“子文件夹的名称\图片名称”】
3.图片保存在当前网页所在目录的父文件夹中 【…\上一层】
【src=“…\子文件夹的名称\图片名称”】

网络地址路径----【http://…】
width 属性 ----设置图片的宽度 【数字PX】
height属性-----设置图片的高度 【数字px】

注释：1.一般情况下我们不使用绝对路径
2.如果需要的图片 在系统资源本地磁盘存，使用相对路径

绝对路径下呈现效果：

相对路径
Hbuilder x 创建的HTML文件夹 和保存的图片 在同一个文件夹路径下

上一层子文件夹

网络地址

1.用网址搜索图片，鼠标右键点击复制图片网址
2.在html里面进行复制图片网址

图片的属性
width 宽度
height 高度
设置图片的高度和宽度 可以用来缩小和放大图片

8.设置网页的背景

bgcolor–设置背景颜色 background–设置背景图片 bgcolor/background 属性出现在 body 开始标记中

bgcolor--设置背景颜色

background--设置背景图片

bgcolor/background 属性出现在 body 开始标记中

9.HTML中的超链接 【链接\锚点】

html 中的超链接【打开其他的文件】常用属性
1.href–设置连接地址【绝对路径/相对路径/网络地址】
2.target–属性设置被链接的资源打开方式【_blank[新窗口] _self[当前窗口]】 3.name–设置超链接的名称【本网页内部的链接】超链接的链接方式

1. 连接本地资源
2. 连接网络资源
3. 本网页内部的链接
   href 属性 —设置链接地址
   第一种是绝对路径 第二种是相对路径 第三种是网络地址

在原有的链接上面点击进去会在另外一个新的网页打开

name 属性

可以设置电子书上面回到顶端的链接

.html 中的列表
1.有序列表
ol–有序列表 li–有序列表中的每一项
type 属性–设置有序列表的标号【字母 A/a 数字 1 罗马数字 i/I】 start 属性–设置有序列表标号的起始值【数字】
2.无序列表
ul–无序列表
li–无序列表中的每一项
type 属性–设置无序列表的标号【disc[小圆点] circle[小圆圈] square[小方块]】=
3.自定义列表 dl–自定义列表
dt–自定义列表主分类
dd–自定义列表中主分类下的次级分类

1.有序列表

3. ol--有序列表
4. li--有序列表中的每一项
5. type 属性--设置有序列表的标号【字母 A/a 数字 1 罗马数字 i/I】
6. start 属性--设置有序列表标号的起始值【数字】

2.无序列表

• ul--无序列表
• li--无序列表中的每一项
• type 属性--设置无序列表的标号【disc[小圆点] circle[小圆圈] square[小方块]】

3.自定义列表

本地磁盘(C:)

Drivers

Windonws

用户

本地磁盘(D:)

java

mysql

dowload