整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

CSS 列表栏(li)如何显示竖线

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
list-style-type: none;
}
ul{
width: 1200px;
height: 40px;
line-height: 40px;
margin: 50px auto;
}
ul>li{
float: left;
width: 120px;
height: 40px;
cursor: pointer;
text-align: center;
position: relative; /* 相对定位 */
}
ul>li:hover{
background-color: deepskyblue;
}
/* 竖线 */
li:after{
    content: '';
    width: 1px;
    height: 16px;
    display: inline-block;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 12px;
}
li.last:after{
display: none;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>
公司动态
</li>
<li>新闻中心
</li>
<li>企业风采</li>
<li class="last">关于我们</li>
</ul>
</body>
</html>

用content: '';样式实现

语言

描述

结构

HTML

网页元素和内容

表现

CSS

网页元素页面样式

行为

JavaScript

网页交互

1 HTML概念

HTML,超文本标记语言(Hyper Text Markup Language),是一门描述性语言。标记,标签,元素,叫法不同,意思相同。HTML超文本标记语言主要通过标签的方式,对网页页面的文本、图片、音频、视频等内容进行描述。学习HTML,就是学习各种标签,来搭建网页的结构。

2 HTML结构

结构:!DOCTYPE

说明:作用是告诉浏览器用哪个文档规范来解析文档

标签:html

说明:用于搭建HTML网页文档结构和网页布局


​标签:head

说明:用于定义HTML网页文档的头部,它是所有头部元素的容器​


​标签:body

说明:用来定义HTML网页文档的主体区域​


​标签:meta

说明:用来描述HTML网页文档的属性​


​标签:title

说明:用来放到HTML网页文档的头部,是搜索引擎首要抓取的目标代码​


​2.1 标签

标签,也叫作标记,是由一对尖括号<>,里面包含单词组成

2.1.1 双标签

<html></html>

2.1.2 单标签

<br>

2.1.3 标签关系

嵌套关系

<html>
    <head>
    </head>
</html>

并列关系

<head>
</head>
<body>    
</body>

3 注释

注释用来帮助程序员记录程序设计方法,辅助程序阅读

4 head标签

4.1 title标签

双标签,定义网页的标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>百度一下,你就知道了</title>
</head>
<body>

</body>
</html>

4.2 meta标签

是单标签,用来描述HTML网页文档的属性

4.2.1 name属性

属性值

说明

keywords

网页关键字,多个逗号隔开

description

网页描述

author

作者

copyright

版权信息

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 网页关键字 -->
    <meta name="keywords" content="html,css,javascript">
    <!-- 网页描述 -->
    <meta name="description" content="基础前端知识">
    <!-- 网页作者 -->
    <meta name="author" content="buddha">
    <!-- 网页版权信息 -->
    <meta name="copyright" content="版权所有,翻版必究">
</head>
<body>

</body>
</html>

标签属性:

1、标签的属性写在开始标签内部

2、标签名与属性之间要有空格隔开

3、一个标签可以同时存在多个属性

4、属性之间以空格隔开

5、属性没有先后顺序之分

4.2.2 http-equiv属性

属性值

说明

Content-Type

定义网页所使用编码

refresh

定义网页自动刷新跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 设置网页编码完整写法 -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <!-- 设置网页编码简写写法 -->
    <meta charset="UTF-8">
    <!-- 网页打开3秒后跳去百度 -->
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
</head>
<body>

</body>
</html>

4.3 style标签

是双标签,用来定义标签的css样式

<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
        /* css内联样式写这里 */
    </style>
</head>
<body>

</body>
</html>

4.4 link标签

是单标签,是用来引入外部css样式文件

<link rel="stylesheet" href="css/index.css" type="text/css">

4.5 script标签

是双标签,是用来写JavaScript代码的地方

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        /* 这里写JavaScript代码 */
    </script>

</head>
<body>

</body>
</html>

4.6 base标签

是单标签,是用来设置整个网页的基础路径。

<!DOCTYPE html>
<html lang="en">
<head>
    <base href="https://pic.rmb.bdstatic.com">

</head>
<body>
    <img src="bjh/news/e7fb4c2be6a2e439ff7e3197fa205d8f1336.gif">
</body>
</html>

开发中很少用到,有人使用知道就行

上面所述标签是放在head标签里的,接下来接触的标签都是放在body标签内的

5 文本标签

5.1 标题标签

是双标签,h是header的缩写

<h1>h1标签:一级标题</h1>
<h2>h2标签:二级标题</h2>
<h3>h3标签:三级标题</h3>
<h4>h4标签:四级标题</h4>
<h5>h5标签:五级标题</h5>
<h6>h6标签:六级标题</h6>

特点:

1、字体加粗

2、独占一行

3、从h1到h6,字体逐渐减小

4、使用<h>标签的主要意义是告诉搜索引擎这是一段文字的标题

5、<h1>在一个页面最多只能有一个,不要用多个

5.2 段落标签

是双标签,p是paragraph的缩写

<p>这是一段文字</p>
<p>这是一段文字</p>
<p>这是一段文字</p>

特点:

1、独占一行

2、段落与段落之间,存在间隙

5.3 换行标签

是单标签,br是break的缩写

<p>这是一段<br>文字</p>

特点:

1、强制换行

2、单标签

5.4 水平线标签

是单标签,hr是horizon地平线的缩写

<p>这是一段文字</p>
<hr>
<p>这是一段文字</p>

特点:

1、在页面中显示一条水平线

2、单标签

6 文本格式化标签

标签1

标签2

说明

b

strong

加粗

u

ins

下划线

i

em

倾斜

s

del

删除线

<b>这是一段文字</b>
<strong>这是一段文字</strong>
<br>
<u>这是一段文字</u>
<ins>这是一段文字</ins>
<br>
<i>这是一段文字</i>
<em>这是一段文字</em>
<br>
<s>这是一段文字</s>
<del>这是一段文字</del>

特点:

1、不会独占一行

2、推荐使用标签2所在列标签

6.1 上标标签

sup是superscripted这个单词的缩写

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    a<sup>2</sup>
</body>
</html>

6.2 下标标签

sub是subscripted这个单词的缩写

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    H<sub>2</sub>O
</body>
</html>

6.3 字符实体

在网页中展示特殊符号效果时,需要使用字符实体替代

显示结果

描述

实体名称


空格

<

小于号

<

>

大于号

>

&

&

"

双引号

"

x

乘号

×

÷

除号

÷

-

长破折号

|

竖线

|

左单引号

右单引号

©

版权符

©

®

注册商标

®

商标

°

°

7 媒体标签

7.1 图片标签

<img src="./001.jpg" alt="">

img标签常见属性:

属性名

说明

src

图片路径(绝对路径、相对路径)

alt

图片加载失败时,显示的文字

title

鼠标悬停时,显示的文字

width

图片宽度

height

图片高度

只设置宽或高,会自动等比缩放,宽高只需要数字,不需要'px'

<img src="./001.jpg" alt="图片加载失败" title="这是程序兔" width="200" height="200">

绝对路径:指目录下的绝对位置,比如从根目录开始的路径,或完整的网络地址

相对路径:从当前文件开始出发找目标文件的过程

7.2 音频标签

<audio src="music.mp3" controls autoplay loop></audio>

audio标签常见属性:

属性名

说明

src

音频路径

controls

显示播放控件

autoplay

自动播放

loop

循环播放

支持mp3、wav、ogg三种音频格式

7.3 视频标签

<video src="video.mp4" controls loop autoplay></video>

属性名

说明

src

视频路径

controls

显示播放控件

autoplay

自动播放

loop

循环播放

支持mp4、webm、ogg三种视频格式

7.4 超链接标签

超链接,是双标签,实现各个独立页面之间进行跳转,可以跳去站外也可以在站内之间跳转

<a href="链接地址">文本或图片</a>

站外跳转,采用绝对路径

<a href="http://www.baidu.com" target="_blank">百度</a>

站内跳转,采用相对路径

<!-- a页面 -->
<a href="b.html">跳去b页面</a>
<!-- b页面 -->
<p>b页面</p>

页面内跳转

<a href="#ms">美食</a>
<a href="#jd">景点</a>
<h3 id="ms">推荐美食</h3>
<!-- 省略n个br标签 -->
<br>
<h3 id="jd">推荐景点</h3>

属性名

说明

href

跳转链接

target

链接打开方式

target属性值

属性值

说明

_self

默认,原窗口打开链接

_blank

在新窗口打开链接

_parent

在父窗口打开链接

_top

在顶层窗口打开超链接

target属性值一般使用_self(默认)和_blank

8 列表标签

8.1 无序列表

<ul type="属性值">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ul>

解释:

1、ul,unordered lists,无序列表,li,list item,列表项

2、ul标签子标签只允许是li标签

3、li标签可以包含任意内容

type属性值

属性值

说明

disc

默认,实心圆

circle

空心圆

square

实心方型

<ul>
    <li>你</li>
    <li>我</li>
    <li>他</li>
</ul>

8.2 有序列表

<ol type="属性值">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ol>

解释:

1、ol,ordered lists,有序列表,li,list item,列表项

2、ol标签子标签只允许是li标签

3、li标签可以包含任意内容

type属性值

属性值

说明

1

默认,阿拉伯数字,1,2,3......

a

小写英文字母,a,b,c......

A

大写英文字母,A,B,C......

i

小写罗马数字,i,ii,iii......

I

大写罗马数字,I,II,III......

<ol>
    <li>你</li>
    <li>我</li>
    <li>他</li>
</ol>

8.3 自定义列表

<dl>
    <dt>名词</dt>
    <dd>描述</dd>
    ……
</dl>

解释:

1、dl,definition lists,自定义列表;dt,definition term,自定义列表组;dd,definition description,自定义列表描述

<dl>
    <dt>称呼</dt>
    <dd>你</dd>
    <dd>我</dd>
    <dd>他</dd>
</dl>

9 表格标签

9.1 表格基本结构

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格3</td>
        <td>单元格4</td>
    </tr>
</table>

解释:

1、tr,table row,表格行;td,table data cell,表行单元格

<table>
    <tr>
        <td>1</td>
    </tr>
</table>

9.2 表格标签属性

属性名

属性值

描述

border

数字

边框宽度

width

数字

表格宽度

height

数字

表格高度

<table border="1" width="200" height="50">
    <tr>
        <td>1</td>
    </tr>
</table>

9.3 表格标题标签

<caption>标题内容</caption>,位于表格内第一行

<table border="1" width="200" height="50">
    <caption>数字</caption>
    <tr>
        <td>1</td>
    </tr>
</table>

9.4 表格表头单元格标签

<th></th>,th,table header cell,表头单元格

<table border="1" width="200" height="50">
    <caption>数字</caption>
    <tr>
        <th>序号</th>
    </tr>
    <tr>
        <td>1</td>
    </tr>
</table>

9.5 表格语义化结构标签

thead、tbody、tfoot

<table border="1" width="200" height="50">
    <caption>数字</caption>
    <thead>
        <tr>
            <th>序号</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>汇总</td>
        </tr>
    </tfoot>
</table>

9.6 合并单元格

属性名

属性值

说明

rowspan

合并单元格个数

合并行,单元格垂直合并

colspan

合并单元格个数

合并列,单元格水平合并

<td rowspan="跨越的行数"></td>
<td colspan="跨越的列数"></td>
<table border="1" width="200" height="50">
    <caption>数字</caption>
    <thead>
        <tr>
            <th>序号</th>
            <th>金额</th>
            <th>金额</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td rowspan="2">20</td>
            <td rowspan="2">20</td>
        </tr>
        <tr>
            <td>2</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>汇总</td>
            <td colspan="2">40</td>
        </tr>
    </tfoot>
</table>

10 表单标签

10.1 form标签

双标签,包裹其它表单标签

<form>
    // 表单
</form>

form标签的常用属性

属性

说明

name

表单名称

method

提交方式

action

提交地址

target

打开方式

enctype

编码方式

name属性

一个页面中,表单可能不止一个。name属性,用来区分不同的表单

<form name="myForm"></form>

method属性

用来指定表单数据使用哪种提交方式给后端

属性值

说明

get

get方式

post

post方式

<form method="get"></form>

action属性

用来指定表单数据提交到哪个地址

<!-- 比如提交到index.php地址 -->
<form action="index.php"></form>

target属性

该属性跟a标签的target属性一样,其属性值也是四个,一般情况只用到_blank属性值,默认也是这个值

<form target="_blank"></form>

enctype属性

属性值

说明

application/x-www-form-urlencoded

在发送前编码所有字符(默认)

multipart/form-data

不对字符编码,在使用包含文件上传控件的表单时,必须使用该值

text/plain

空格转换为 "+" 加号,但不对特殊字符编码

<form enctype="multipart/form-data"></form>

10.2 input标签

input是单标签

<input type="表单类型">

属性值

说明

text

单行文本框

password

密码文本框

radio

单选框

checkbox

多选框

button

普通按钮

submit

提交按钮

reset

重置按钮

file

文件上传

单行文本框常用属性

属性

说明

value

设置文本框的默认值

size

设置文本框的长度

maxlength

设置最多可输入字符

<form>
    <input type="text" value="默认值" size="长度" maxlength="可输入字符">
</form>
<form>
    <label>姓名:<input type="text" value="曹操" size="20" maxlength="10"></label>
</form>

密码文本框常用属性

密码文本框常用属性和单行文本框常用属性相同

<input type="password" value="默认值" size="长度" maxlength="可输入字符">
<form>
    <label>密码:<input type="password" value="12345678" size="20" maxlength="10"></label>
</form>

单选框

属性

说明

name

组名,同组单选框,组名要相同,必要属性

value

单选框选项取值,必要属性

checked

默认选中项,同组单选框,可以有一个默认选中项

<input type="radio" name="组名" value="取值" checked="checked">
<form>
    性别:
    <input type="radio" name="sex" value="男" checked="checked">男
    <input type="radio" name="sex" value="女">女
</form>

复选框

复选框和单选框的属性都相同,区别复选框可以多选

<form>
    爱好:
    <input type="checkbox" name="hobby" value="篮球" checked>篮球
    <input type="checkbox" name="hobby" value="足球" checked>足球
    <input type="checkbox" name="hobby" value="台球">台球
</form>

普通按钮

<input type="button" value="取值">
<form>
    <input type="button" value="普通按钮">
</form>
<button>普通按钮</button>

区别:

1、input是单标签,button是双标签

2、button标签的信息除了文本,还可以是图像、其它标签等

3、button有type属性,属性值可以是button、submit、reset等

提交按钮

<input type="submit" value="取值">
<form>
    <input type="submit" value="提交">
</form>

把对应表单数据提交给后端服务器

重置按钮

<input type="reset" value="取值">
<form>
    <input type="reset" value="重置">
</form>

点击重置后,所在form表单里所有内容被清空了

文件上传

<input type="file">
<form>
    <input type="file">
</form>

10.3 多行文本框

<textarea name="文本名称" cols="列数" rows="行数"></textarea>
<form>
    <textarea name="文本名称" cols="1" rows="2"></textarea>
</form>

10.4 下拉列表

<select>
    <option>选项内容</option>
    <option>选项内容</option>
</select>

下拉列表标签是为了节省页面空间

select标签属性

属性名

说明

name

数据提交后端所需字段

size

下拉选项显示个数

multiple

默认只允许选一个,选多个得加这个属性

disabled

所有下拉选项禁止选中

<form>
    <select name="age" size="4" multiple="multiple" disabled="disabled">
        <option>18岁以下</option>
        <option>18-28岁</option>
        <option>28-38岁</option>
        <option>38岁以上</option>
    </select>
</form>

option标签属性

属性名

说明

selected

默认选中

value

被选中,数据提交后端的值

disabled

该下拉选项禁止选中

<form>
    <select name="age" size="5">
        <option value="1">18岁以下</option>
        <option value="2" disabled="disabled">18-28岁</option>
        <option value="3" selected="selected">28-38岁</option>
        <option value="4">38岁以上</option>
    </select>
</form>

11 框架标签

<iframe src="URL" width="数值" height="数值"></iframe>

框架标签常用属性

属性名

说明

src

嵌入的文档地址

width

标签宽度

height

标签高度

<iframe src="https://www.bilibili.com" width="300" height="200"></iframe>

有些文档禁止被嵌入

12 标签类型

HTML标签分为三种,行内标签、块级标签和行内块级标签。

12.1 行内标签

特点:

1、在页面内只占据刚好能包裹自己内容的空间

2、没有宽高,内容多大就多大,行内标签不能嵌套块级标签(a标签除外)

3、行内标签设置宽高无效,可以对行高line-height进行设置

4、可以设置外边距margin和内边距padding,但只对左右边距有效果,上下无效

5、常见行内标签span、a、strong、ins、del、br等

span标签

双标签,行内标签,本身没有固定样式

<p>我是<span>中国人</span></p>

12.2 块级标签

特点:

1、独占一行

2、高度、宽度、外边距、内边距都可以设置生效

3、宽度默认是父级宽度的100%

4、是一个容器盒子,可以嵌套多层子级行内标签、块级标签,文本类块级标签除外

5、常见块级标签div、p、h1~h6、ol、ul、li等

div标签

双标签,块级标签,本身没有固定样式

<!-- 头部区域 -->
<div></div>
<!-- 内容区域 -->
<div></div>

12.3 行内块级标签

特点

1、在页面内只占据刚好能包裹自己内容的空间

2、高度、宽度、外边距、内边距都可以设置生效

3、常见块级标签img、input、td

12.4 标签类型转换

通过css样式display属性转换,这是css的内容

NSI(Windows-1252)

ANSI 是 Windows 95 及其之前的 Windows 系统中默认的字符集。

ANSI 也称为 Windows-1252。


重要提示

ANSI 和 ISO-8859-1 非常相似,唯一的不同是在 32 个字符上。

在 ANSI 中,从 128 到 159 的字符用于一些有用的字符,比如欧元符号。

在 ISO-8859-1 中,这些字符映射为在 HTML 中不起作用的控制字符。

许多 Web 开发者声明 ISO-8859-1,并使用这 32 个值,就像它们使用的是 Windows-1252。

由于这种常见的误解,当 ISO-8859-1 被声明时,浏览器将更改为 Windows-1252。这对以下文档类型都适用:HTML4、HTML5 和 XHTML。


ANSI 和 ASCII

ANSI 的第一部分(实体编号 0-127)是原来的 ASCII 字符集。它包含数字、大小写英文字母和一些特殊字符。

如需深入了解 ASCII,请查看完整的 ASCII 参考手册。


ANSI 字符集

字符编号实体名称描述
32空格(space)
!33感叹号(exclamation mark)
"34&quot;引号(quotation mark)
#35数字符号(number sign)
$36美元符号(dollar sign)
%37百分比符号(percent sign)
&38&amp;& 符号(ampersand)
'39撇号(apostrophe)
(40左括号(left parenthesis)
)41右括号(right parenthesis)
*42星号(asterisk)
+43加号(plus sign)
,44逗号(comma)
-45连字符(hyphen-minus)
.46句号(full stop)
/47斜线(solidus)
048数字 0(digit zero)
149数字 1(digit one)
250数字 2(digit two)
351数字 3(digit three)
452数字 4(digit four)
553数字 5(digit five)
654数字 6(digit six)
755数字 7(digit seven)
856数字 8(digit eight)
957数字 9(digit nine)
:58冒号(colon)
;59分号(semicolon)
<60&lt;小于号(less-than sign)
=61等于号(equals sign)
>62&gt;大于号(greater-than sign)
?63问号(question mark)
@64@ 符号(commercial at)
A65拉丁文大写字母 A
B66拉丁文大写字母 B
C67拉丁文大写字母 C
D68拉丁文大写字母 D
E69拉丁文大写字母 E
F70拉丁文大写字母 F
G71拉丁文大写字母 G
H72拉丁文大写字母 H
I73拉丁文大写字母 I
J74拉丁文大写字母 J
K75拉丁文大写字母 K
L76拉丁文大写字母 L
M77拉丁文大写字母 M
N78拉丁文大写字母 N
O79拉丁文大写字母 O
P80拉丁文大写字母 P
Q81拉丁文大写字母 Q
R82拉丁文大写字母 R
S83拉丁文大写字母 S
T84拉丁文大写字母 T
U85拉丁文大写字母 U
V86拉丁文大写字母 V
W87拉丁文大写字母 W
X88拉丁文大写字母 X
Y89拉丁文大写字母 Y
Z90拉丁文大写字母 Z
[91左方括号(left square bracket)
\92反斜线(reverse solidus)
]93右方括号(right square bracket)
^94插入符号(circumflex accent)
_95下划线(low line)
`96重音符(grave accent)
a97拉丁文小写字母 a
b98拉丁文小写字母 b
c99拉丁文小写字母 c
d100拉丁文小写字母 d
e101拉丁文小写字母 e
f102拉丁文小写字母 f
g103拉丁文小写字母 g
h104拉丁文小写字母 h
i105拉丁文小写字母 i
j106拉丁文小写字母 j
k107拉丁文小写字母 k
l108拉丁文小写字母 l
m109拉丁文小写字母 m
n110拉丁文小写字母 n
o111拉丁文小写字母 o
p112拉丁文小写字母 p
q113拉丁文小写字母 q
r114拉丁文小写字母 r
s115拉丁文小写字母 s
t116拉丁文小写字母 t
u117拉丁文小写字母 u
v118拉丁文小写字母 v
w119拉丁文小写字母 w
x120拉丁文小写字母 x
y121拉丁文小写字母 y
z122拉丁文小写字母 z
{123左花括号(left curly bracket)
|124竖线(vertical line)
}125右花括号(right curly bracket)
~126波浪线(tilde)
127未使用(NOT USED)
128&euro;欧元符号(euro sign)
129未使用(NOT USED)
130&sbquo;下单引号(single low-9 quotation mark)
ƒ131&fnof;带钩的拉丁文小写字母 f
132&bdquo;下双引号(double low-9 quotation mark)
133&hellip;水平省略号(horizontal ellipsis)
134&dagger;剑号(dagger)
135&Dagger;双剑号(double dagger)
ˆ136&circ;修饰字母抑扬音(modifier letter circumflex accent)
137&permil;千分比符号(per mille sign)
Š138&Scaron;带有 caron 的拉丁文大写字母 S
139&lsaquo;左单角引号(single left-pointing angle quotation mark)
Œ140&OElig;拉丁文大写连字 OE
141未使用(NOT USED)
Ž142&Zcaron;带有 caron 的拉丁文大写字母 Z
143未使用(NOT USED)
144未使用(NOT USED)
'145&lsquo;左单引号(left single quotation mark)
'146&rsquo;右单引号(right single quotation mark)
"147&ldquo;左双引号(left double quotation mark)
"148&rdquo;右双引号(right double quotation mark)
149&bull;着重号(bullet)
150&ndash;短破折号/连字符(en dash)
151&mdash;长破折号(em dash)
˜152&tilde;小波浪线(small tilde)
153&trade;贸易标记符号(trade mark sign)
š154&scaron;带有 caron 的拉丁文小写字母 s
155&rsaquo;右单角引号(single right-pointing angle quotation mark)
œ156&oelig;拉丁文小写连字 oe
157未使用(NOT USED)
ž158&zcaron;带有 caron 的拉丁文小写字母 z
Ÿ159&Yuml;带有分音符(diaeresis)的拉丁文大写字母 Y
160&nbsp;不换行空格(no-break space)
¡161&iexcl;倒置感叹号(inverted exclamation mark)
¢162&cent;美分符号(cent sign)
£163&pound;英镑符号(pound sign)
¤164&curren;货币符号(currency sign)
¥165&yen;日元符号(yen sign)
¦166&brvbar;间断的竖杠(broken bar)
§167&sect;小节号(section sign)
¨168&uml;分音符号(diaeresis)
©169&copy;版权所有(copyright sign)
ª170&ordf;阴性序数记号(feminine ordinal indicator)
«171&laquo;左双角引号(left-pointing double angle quotation mark)
¬172&not;否定符号(not sign)
173&shy;软连字符(soft hyphen)
®174&reg;注册商标(registered sign)
¯175&macr;长音符号(macron)
°176&deg;度符号(degree sign)
±177&plusmn;加减号/正负号(plus-minus sign)
²178&sup2;上标 2(superscript two)
³179&sup3;上标 3(superscript three)
´180&acute;尖音符号(acute accent)
µ181&micro;微米符号(micro sign)
182&para;段落符号(pilcrow sign)
·183&middot;中间点(middle dot)
¸184&cedil;变音符号(cedilla)
¹185&sup1;上标 1(superscript one)
º186&ordm;阳性序数记号(masculine ordinal indicator)
»187&raquo;右双角引号(right-pointing double angle quotation mark)
¼188&frac14;1/4 分数(vulgar fraction one quarter)
½189&frac12;1/2 分数(vulgar fraction one half)
¾190&frac34;3/4 分数(vulgar fraction three quarters)
¿191&iquest;倒置问号(inverted question mark)
À192&Agrave;带有重音符号(grave)的拉丁文大写字母 A
Á193&Aacute;带有尖音符号(acute)的拉丁文大写字母 A
Â194&Acirc;带有抑扬音符号(circumflex)的拉丁文大写字母 A
Ã195&Atilde;带有波浪线的拉丁文大写字母 A
Ä196&Auml;带有分音符(diaeresis)的拉丁文大写字母 A
Å197&Aring;带有上圆圈的拉丁文大写字母 A
Æ198&AElig;拉丁文大写字母 AE
Ç199&Ccedil;带有变音符号(cedilla)的拉丁文大写字母 C
È200&Egrave;带有重音符号(grave)的拉丁文大写字母 E
É201&Eacute;带有尖音符号(acute)的拉丁文大写字母 E
Ê202&Ecirc;带有抑扬符号(circumflex)的拉丁文大写字母 E
Ë203&Euml;带有分音符(diaeresis)的拉丁文大写字母 E
Ì204&Igrave;带有重音符号(grave)的拉丁文大写字母 I
Í205&Iacute;带有尖音符号(acute)的拉丁文大写字母 I
Î206&Icirc;带有抑扬音符号(circumflex)的拉丁文大写字母 I
Ï207&Iuml;带有分音符(diaeresis)的拉丁文大写字母 I
Ð208&ETH;拉丁文大写字母 Eth
Ñ209&Ntilde;带有波浪线的拉丁文大写字母 N
Ò210&Ograve;带有重音符号(grave)的拉丁文大写字母 O
Ó211&Oacute;带有尖音符号(acute)的拉丁文大写字母 O
Ô212&Ocirc;带有抑扬音符号(circumflex)的拉丁文大写字母 O
Õ213&Otilde;带有波浪线的拉丁文大写字母 O
Ö214&Ouml;带有分音符(diaeresis)的拉丁文大写字母 O
×215&times;乘号(multiplication sign)
Ø216&Oslash;带有删除线的拉丁文大写字母 O
Ù217&Ugrave;带有重音符号(grave)的拉丁文大写字母 U
Ú218&Uacute;带有尖音符号(acute)的拉丁文大写字母 U
Û219&Ucirc;带有抑扬音符号(circumflex)的拉丁文大写字母 U
Ü220&Uuml;带有分音符(diaeresis)的拉丁文大写字母 U
Ý221&Yacute;带有尖音符号(acute)的拉丁文大写字母 Y
Þ222&THORN;拉丁文大写字母 Thorn
ß223&szlig;拉丁文小写字母 sharp s
à224&agrave;带有重音符号(grave)的拉丁文小写字母 a
á225&aacute;带有尖音符号(acute)的拉丁文小写字母 a
â226&acirc;带有抑扬音符号(circumflex)的拉丁文小写字母 a
ã227&atilde;带有波浪线的拉丁文小写字母 a
ä228&auml;带有分音符(diaeresis)的拉丁文小写字母 a
å229&aring;带有上圆圈的拉丁文小写字母 a
æ230&aelig;拉丁文小写字母 ae
ç231&ccedil;带有变音符号(cedilla)的拉丁文小写字母 c
è232&egrave;带有重音符号(grave)的拉丁文小写字母 e
é233&eacute;带有尖音符号(acute)的拉丁文小写字母 e
ê234&ecirc;带有抑扬音符号(circumflex)的拉丁文小写字母 e
ë235&euml;带有分音符(diaeresis)的拉丁文小写字母 e
ì236&igrave;带有重音符号(grave)的拉丁文小写字母 i
í237&iacute;带有尖音符号(acute)的拉丁文小写字母 i
î238&icirc;带有抑扬音符号(circumflex)的拉丁文小写字母 i
ï239&iuml;带有分音符(diaeresis)的拉丁文小写字母 i
ð240&eth;拉丁文小写字母 eth
ñ241&ntilde;带有波浪线的拉丁文小写字母 n
ò242&ograve;带有重音符号(grave)的拉丁文小写字母 o
ó243&oacute;带有尖音符号(acute)的拉丁文小写字母 o
ô244&ocirc;带有抑扬音符号(circumflex)的拉丁文小写字母 o
õ245&otilde;带有波浪线的拉丁文小写字母 o
ö246&ouml;带有分音符(diaeresis)的拉丁文小写字母 o
÷247&divide;除号(division sign)
ø248&oslash;带有删除线的拉丁文小写字母 o
ù249&ugrave;带有重音符号(grave)的拉丁文小写字母 u
ú250&uacute;带有尖音符号(acute)的拉丁文小写字母 u
û251&ucirc;带有抑扬音符号(circumflex)的拉丁文小写字母 u
ü252&uuml;带有分音符(diaeresis)的拉丁文小写字母 u
ý253&yacute;带有尖音符号(acute)的拉丁文小写字母 y
þ254&thorn;拉丁文小写字母 thorn
ÿ255&yuml;带有分音符(diaeresis)的拉丁文小写字母 y

ANSI 控制字符

ANSI 控制字符(00-31,加上 127)最初被设计用来控制诸如打印机和磁带驱动器之类的硬件设备。

控制字符(除了水平制表符、换行、回车之外)在 HTML 文档中不起任何作用。

字符编号描述
NUL00空字符(null character)
SOH01标题开始(start of header)
STX02正文开始(start of text)
ETX03正文结束(end of text)
EOT04传输结束(end of transmission)
ENQ05请求(enquiry)
ACK06收到通知/响应(acknowledge)
BEL07响铃(bell)
BS08退格(backspace)
HT09水平制表符(horizontal tab)
LF10换行(line feed)
VT11垂直制表符(vertical tab)
FF12换页(form feed)
CR13回车(carriage return)
SO14不用切换(shift out)
SI15启用切换(shift in)
DLE16数据链路转义(data link escape)
DC117设备控制 1(device control 1)
DC218设备控制 2(device control 2)
DC319设备控制 3(device control 3)
DC420设备控制 4(device control 4)
NAK21拒绝接收/无响应(negative acknowledge)
SYN22同步空闲(synchronize)
ETB23传输块结束(end transmission block)
CAN24取消(cancel)
EM25已到介质末端/介质存储已满(end of medium)
SUB26替补/替换(substitute)
ESC27溢出/逃离/取消(escape)
FS28文件分隔符(file separator)
GS29组分隔符(group separator)
RS30记录分隔符(record separator)
US31单元分隔符(unit separator)
DEL127删除(delete)

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!