html笔记（完整版）-CSDN博客

本文链接：https://blog.csdn.net/kaluomeng/article/details/106599905

标记类型译名或意义作用备注

文件标记

● 文件声明让浏览器知道这是HTML文件

● 开头提供文件整体信息

● 标题定义文件标题，将显示于窗口标题

● 本文设计文件格式及内文所在

段落标记

○ 说明标记为文件加上说明，但不被显示

○

段落标记

为文字、图片、表格等之间留一空白行

○ 换行标记令文字、图片、表格等显示于下一行

○

水平线

插入一条水平线

● 居中令文字、图片、表格等显示于页面中央不建议使用

●

保留原格式

令文件按照原始格式的排列方式显示

●

区域标记

设定文字、图片、表格等的摆放位置

● 强制不分行令文字不因太长而自动换行

● 根据宽度换行根据浏览器的大小显示文本

字体标记

● 加重语气产生字体加粗Bold的效果

● 粗体标记产生字体加粗的效果

● 强调标记字体出现斜体效果

● 斜体标记字体出现斜体效果

● 打字字体 Courier字体，字母宽度相同

● 加上底线加上底线不建议使用

●

一级标题标记

变粗变大加宽，程度与级数反比

●

二级标题标记

将字体变粗变大加宽

●

三级标题标记

将字体变粗变大加宽

●

四级标题标记

将字体变粗变大加宽

●

五级标题标记

将字体变粗变大加宽

●

六级标题标记

将字体变粗变大加宽

● 字形标记设定字形、大小、颜色不建议使用

○ 基准字形标记设定所有字形、大小、颜色不建议使用

● 字体加大令字体稍为加大

● 字体缩细令字体稍为缩细

● 画线删除为字体加一删除线不建议使用

● 程式码字体稍为加宽如

● 键盘字字体稍为加宽，单一空白

● 范例字体稍为加宽如

● 变数斜体效果

● 传记引述斜体效果

●

引述文字区块

缩排字体

● 述语定义斜体效果

●

地址标记

斜体效果

● 下标字下标字

● 上标字指数（平方、立方等）

列表标记

●

有序列表

列表项目将以数字、字母顺序排列

●

无序列表

列表项目将以圆点排列

○

列表项目

每一标记标示一项列表项目

●

选单列表

列表项目将以圆点排列，如

不建议使用

●

目录列表

列表项目将以圆点排列，如

不建议使用

●

定义列表

列表分两层出现

○ 定义条目标示该项定义的标题

○ 定义内容标示定义内容

表格标记

●

表格标记

设定该表格的各项参数

● 表格标题做成一打通列以填入表格标题

● 表格列设定该表格的列

● 表格栏设定该表格的栏

● 表格标头相等于，但其内之字体会变粗

表单标记

● 表单标记决定单一表单的运作模式

● 文字区域提供文字区域以输入更多文字

○ 输入标记决定输入形式

● 选择标记建立下拉列表

○ 选项每一标记标示一个选项（下拉列表时使用）

图形标记

○ 图形标记用以插入图形及设定图形属性

连结标记

● 链接标记加入链接

○ 基准标记可将相对URL转绝对及指定链接目标

框架标记

● 框架设定设定框架

○ 框窗设定设定框窗

○ 页内框架于网页中间插入动态框架 IE

● 不支援框架设定当浏览器不支援框架时的提示

影像地图

● 影像地图名称设定影像地图名称

○ 连结区域设定各连结区域

多媒体

○ 背景声音于背景播放声音或音乐 IE

○ 多媒体加入声音、音乐或影像

其他标记

● 滚动文字令文字左右走动 IE

● 闪烁文字闪烁文字 NC

○ 页内寻找器可输入关键字寻找于该一页不建议使用

○ 开头定义让浏览器知道这是HTML文件

○ 关系定义定义该文件与其他 URL 的关系

StyleSheet

注：

► ● 表示该标记属成对标记，即需要关闭标记如 </标记> 。

► ○ 表示该标记属空标记，即不需要关闭标记。

► IE 表示该标记只适用于 Internet Explorer。

► NC 表示该标记只适用于 Netscape Communicator。

背景颜色 bgcolor

<body bgcolor="blue">
秦帅哥
</body>

1586961942906

注释``

不添加注释：

<body>
<body>
秦帅哥
秦帅哥
</body>

1586962014062

添加注释：

<body>
秦帅哥
<!--秦帅哥-->
</body

1586962453114

空格` `

<body>
秦 帅       哥<br>
秦&nbsp;帅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;哥
</body>

1586962487578

版权符©`©`

<body>
&copy;版权归秦帅哥所有
</body>

1586962551600

网页标题`<title></title>`

<head>
<meta charset=utf-8" />
<title>秦帅哥的网页标题</title>
</head>
 
<body>
秦帅哥
</body>

1586962627074

标题标记`<hn></hn>`

共有6个级别，n的范围1~6，不同级别对应显示大小不同的标题，h1最大，h6最小

<body>
<h1>秦帅哥</h1>
<h2>秦帅哥</h2>
秦帅哥
<h6>秦帅哥</h6>
</body>

1586962655330

网页编码`<meta charset="utf-8" />`

<head>
<meta charset="utf-8" />
<title>秦帅哥的网页标题</title>
</head>

设置链接颜色`link、alink、vlink`

`link` 链接的颜色

`alink` 正在点击的颜色

`vlink` 已经访问的连接颜色

<body link="red" alink="yellow" vlink="green">
<a href="http://www.baidu.com">百度</a>
<a href="http://www.taobao.com">淘宝</a>
</body>

强制换行标记`<br>`

<body>
秦帅哥<br>
秦帅哥
</body>

1586962790509

换段落标记`<p></p>`

<body>
<p>秦帅哥</p>
<p>秦帅哥</p>
<

html笔记（完整版）

背景颜色 bgcolor

注释

不添加注释：

添加注释：

空格&nbsp;

版权符©&copy;

网页标题<title></title>

标题标记<hn></hn>

网页编码<meta charset="utf-8" />

设置链接颜色link、alink、vlink

link 链接的颜色

alink 正在点击的颜色

vlink 已经访问的连接颜色

强制换行标记<br>

换段落标记<p></p>

注释``

空格` `

版权符©`©`

网页标题`<title></title>`

标题标记`<hn></hn>`

网页编码`<meta charset="utf-8" />`

设置链接颜色`link、alink、vlink`

`link` 链接的颜色

`alink` 正在点击的颜色

`vlink` 已经访问的连接颜色

强制换行标记`<br>`

换段落标记`<p></p>`