HTML和CSS概述

页制作概述

HTML是WEB页面的描述性语言
CSS则是为HTML制定样式的机制
JavaScript是具有交互性Web设计最佳选择
CSS和JavaScript 是都可以独立编写的文本文件，还有PHP都可以嵌入在HTML中应用

HTML基础

HTML（Hypertext Marked Language）
文件的后缀名.html 或 .htm
Hypertext可以在文件中标识图片、链接、表格、文本等。
Marked <或>以及字符串组成 <img>
是一种编程语言
浏览器解释的语言

CSS基础

CSS （Cascading style sheets）
是一种用来表现HTML样式的语言
它不能独立使用，没有HTML就没有CSS
定义网页的外观和布局（字体、背景、文本、位置、边缘、列表及其它）
也是用浏览器解释的语言

HTML语法

元素:是一整体，是一对象
<标记名> </标记名> 成对的标记，也称为容器
标记中可以嵌套其它的标记
<hr />
<a href=“www.xsphp”>地址</a>
使用标记来描述元素的
HTML文档就是由元素和标记组成的文件

HTML语法(二)

HTML标签属性
<tag> content</tag>
<tag><tag2>content</tag2></tag>
<tag />
<tag pro=“value” pro2=“value2”>
content
</tag>
属性：在标记中使用［属性=属性值］
多个属性使用空格分开
属性的值（不管什么类型）可以使用单引号、双引号、不加引号（使用双引号）
属性是对标记功能的扩展或形为的修饰，每个属性几乎都是可选。

HTML语法(三)

HTML标记和属性名都是不区分大小写的
HTML文档注释
在注释中不能再有注释
在注释掉的标记之后，要保证还是一个结构完好的文档

HTML语法(四)

HTML的代码格式
任何回车或空格在源代码中都不起作用
使用回车或空格进行代码排版

HTML语法(五)

HTML字符实体
三部分:
以&开头
一个实体名或是使用#号和一个体编号
以分号;结束
< < <
> > >

HTML语法(六)

HTML颜色的设置
设置颜色时可以是一个关键字或RGB的数字格式
White black blue ,gray green, red yellow
#FF (0-255)
#FF00BB(rgb) red green blue

本篇文章开始成哥将带大家一起学习一下前端的基础知识，我们先讲解前端的基础HTML与CSS，这个讲完我们将讲解VUE前端框架，最后我们再讲讲Ant Design的VUE前端框架，从而形成前端一个系列的教程，下面就开始我们今天的内容吧！

01 HTML简介

HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。

HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。

使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件"翻译"成可以识别的信息，即现在所见到的网页。HTML 不需要编译，可以直接由浏览器执行，非常方便开发时调试。

02 HTML实例

我们现在创建一个典型的HTML结构具体如下：

1. <!DOCTYPE html>  
2. <html lang="ch">  
3. <head>  
4.     <meta charset="UTF-8">  
5.     <title>HTML实例</title>  
6. </head>  
7. <body>  
8.   <h1>我是标题</h1>  
9.   <p>我是段落。</p>  
10. </body>  
11. </html>

如上页面中各个标签代表的意思如下：

1）<!DOCTYPE html>是文档声明头，它告诉游览器当前处理的内容是HTML页面

2）html是 HTML 页面的根元素，用于标识HTML内容的开始与结束

3） head是HTML页面的头，包含了文档的一些属性。其中meta是元数据这边charset="UTF-8"标识当前页面编码格式为UTF-8，title为文档的标题

4）body是HTML主体也是游览器在显示页面时的内容。h1是body内容中定义的标题，p是body内容中定义的段落

我们现在通过游览器打开编写的HTML内容，具体内容如下

在HTML中的内容可以通过以下格式进行内容注释具体如下：

03 HTML标签、元素、属性、实体编码与事件

（1）HTML标签

HTML 标签是 HTML 语言中最基本的单位，HTML 标签是 HTML（标准通用标记语言下的一个应用）最重要的组成部分。HTML标签具有如下特点：

1）标签一般是成对出现的如:<div></div>;也有空标签如:

2）标签由<>包括,分为开始标签(开放标签)和结束标签(闭合标签)

3）标签不区分大小写,根据W3C(万维网联盟)推荐,统一使用小写字母

标签的示列如下：

标签按照<>的对数可以分为如下两类分别为双标签与单标签，下面我们具体来了解一下这两类标签。

1）双标签

双标签指由开始和结束两个标记符组成的标记。其基本语法格式如下：

1. <标记名></标记名>

常见的双标签有如下几种：

1. <html></html>  
2. <head></head>  
3. <title></title>  
4. <body></body>  
5. <h1></h1>  
6. <p></p>  
7.   
8. <!-- 块级元素 -->  
9. <div></div>  
10. <span></span>  
11.   
12. <!-- 超链接元素 -->  
13. <a></a>  
14.   
15. <!-- 列表元素 -->  
16. <ul></ul>

2）单标签

单标签是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下：

1. <标记名/>

常见的单标签有如下几种：

1. <!-- 换行标签 -->  
2. <br />  
3.   
4. <!-- 分隔线标签 -->  
5. <hr />  
6.   
7. <!-- 图片标签 -->  
8. <img />

（2）HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码，如段落。元素可以进行嵌套具体如下：

1. <div>  
2.   <h1>我是标题</h1>  
3.     
4.   <div>  
5.     <p>元素嵌套示列</p>  
6.   </div>  
7.   
8. </div>

（3）HTML属性

属性为 HTML 元素提供附加信息，可分为全局属性（即所有元素均可使用的属性，如id,class等）和元素属性（部分元素可使用的属性，例如<a href="http://www.baidu.com">搜索</a>），属性通常由属性名="属性值"构成,存在于开始标签中，示列如下:

（4）HTML实体编码

对于部分不易通过键盘输入的或和HTML冲突的部分符合,引入对应的"实体编码"，如< <> >空格。

（5）HTML事件

通过某个动作,执行某个操作/JS脚本的能力。如点击按钮,改变颜色，事件可以分为多类比多鼠标点击、鼠标聚焦等，下面我看看看一个事件编写示列：

04 HTML常用标签示列

（1）h标签

h 标签有六种分别为h1、h2、h3、h4、h5、h6，这六个分别对应六种样式的标题，我们现在来编写这六种h标签，演示代码如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   <h1>H1标题</h1>  
9.   <h2>H2标题</h2>  
10.   <h3>H3标题</h3>  
11.   <h4>H4标题</h4>  
12.   <h5>H5标题</h5>  
13.   <h6>H6标题</h6>  
14. </body>  
15. </html>

我们来运行该HTML文件，来看看这六种h标签有什么样式差异，从示列中可以发现h1标签字体最大然后依次减小。

（2）p标签

p 标签是文本标签，现在我们来编写一段含有p标签的html文本，然后运行了看看p标签的样式具体操作如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <h4>标题一</h4>  
10.   <p>我是段落1</p>  
11.   
12.   <h4>标题二</h4>  
13.   <p>我是段落2</p>  
14.   
15. </body>  
16. </html>

（3）a标签

a标签是超链接标签，点击a标签可以跳转到其设置的网站，具体示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   <div>  
9.     <a href="http://www.baidu.com">点我跳转到百度页面</a>  
10.   </div>  
11.   
12.   <div>  
13.     <a href="http://www.qq.com">点我跳转到腾讯页面</a>  
14.   </div>  
15.   
16. </body>  
17. </html>

（4）div标签

div标签是一个块级元素，它可用于组合其他 HTML 元素的容器。可以把div看成一个盒子，我们可以为这个盒子设置各种各样属性（如高度、宽度、颜色等），下面我们编写一个div标签并设置其长为300px，宽度为200px，同时给其一个背景颜色，具体如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <div style="width: 200px;height: 300px;background: #2eabff">我是div元素</div>  
10.   
11. </body>  
12. </html>

（5）列表标签

列表作为网页设计的重要内容之一，能够用来制作导航栏和新闻列表等。HTML 列表分为：有序列表（ol），无序列表（ul）以及自定义列表（dl）

1）有序列表ul

有序列表的顺序是有序的，默认情况下会以数字来排列，但也可以通过设置其type属性以大写字母、小写字母、大写罗马数字、小写罗马数字来排列，我们现在来写一个示列，具体如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <!--  有序列表，以默认方式数字排列 -->  
10.   <p>有序列表默认方式数字排列</p>  
11.   <ol>  
12.     <li>列表1</li>  
13.     <li>列表2</li>  
14.     <li>列表3</li>  
15.   </ol>  
16.   
17.   <!--  有序列表，以大写字母排列 -->  
18.   <p>有序列表大写字母排列</p>  
19.   <ol type="A">  
20.     <li>列表1</li>  
21.     <li>列表2</li>  
22.     <li>列表3</li>  
23.   </ol>  
24.   
25. </body>  
26. </html>

2）无序列表ol

无序列表的顺序是无序的，不会按照某个值来排序，无序列表中每个列表前默认都有一个实心圆，也可以通过type属性来设置成空心圆或者小方块，无序列表示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <p>无序列表默认type样式</p>  
10.   <ul>  
11.     <li>列表1</li>  
12.     <li>列表2</li>  
13.     <li>列表3</li>  
14.   </ul>  
15.   
16.   <p>无序列表方块样式</p>  
17.   <ul type="square">  
18.     <li>列表1</li>  
19.     <li>列表2</li>  
20.     <li>列表3</li>  
21.   </ul>  
22.   
23. </body>  
24. </html>

3）自定义列表dl

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始，其列表内容是以<dd> 开始，自定义列表前面没有任何标识，其具体示例如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <p>自定义列表</p>  
10.   <dl>  
11.     <dt>东岳</dt>  
12.     <dd>泰山</dd>  
13.   
14.     <dt>南岳</dt>  
15.     <dd>衡山</dd>  
16.   
17.     <dt>西岳</dt>  
18.     <dd>华山</dd>  
19.   
20.     <dt>北岳</dt>  
21.     <dd>恒山</dd>  
22.   
23.     <dt>中岳</dt>  
24.     <dd>嵩山</dd>  
25.   </dl>  
26.   
27. </body>  
28. </html>

（6）其它标签

1）换行标签

在HTML中如果想给内容进行换行可以使用换行标签，具体示列如下：

2）分割线标签<hr/>

<hr/> 标签用于在 HTML创建一条分割线，具体示列如下：

1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基础教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <p>我是张三</p>  
10.   <!-- 分割线标签 -->  
11.   <hr/>  
12.   <p>我是李四</p>  
13. </body>  
14. </html>

05 总结

至此我们《HTML基础教程上篇》就讲完了，下篇内容主要讲解HTML样式、HTML表单、Tabel等，敬请期待。最后如果喜欢本篇文章不要忘了点赞、关注与转发哦！

-END-

@IT管理局专注计算机领域技术、大学生活、学习方法、求职招聘、职业规划、职场感悟等类型的原创内容。期待与你相遇，和你一同成长。

文章推荐：

一文秒懂Web框架基础之WSGI协议
IT工程师都需要掌握的容器技术之扫盲篇

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	"	引号（quotation mark）
#	35		数字符号（number sign）
$	36		美元符号（dollar sign）
%	37		百分比符号（percent sign）
&	38	&	& 符号（ampersand）
'	39		撇号（apostrophe）
(	40		左括号（left parenthesis）
)	41		右括号（right parenthesis）
*	42		星号（asterisk）
+	43		加号（plus sign）
,	44		逗号（comma）
-	45		连字符（hyphen-minus）
.	46		句号（full stop）
/	47		斜线（solidus）
0	48		数字 0（digit zero）
1	49		数字 1（digit one）
2	50		数字 2（digit two）
3	51		数字 3（digit three）
4	52		数字 4（digit four）
5	53		数字 5（digit five）
6	54		数字 6（digit six）
7	55		数字 7（digit seven）
8	56		数字 8（digit eight）
9	57		数字 9（digit nine）
:	58		冒号（colon）
;	59		分号（semicolon）
<	60	<	小于号（less-than sign）
=	61		等于号（equals sign）
>	62	>	大于号（greater-than sign）
?	63		问号（question mark）
@	64		@ 符号（commercial at）
A	65		拉丁文大写字母 A
B	66		拉丁文大写字母 B
C	67		拉丁文大写字母 C
D	68		拉丁文大写字母 D
E	69		拉丁文大写字母 E
F	70		拉丁文大写字母 F
G	71		拉丁文大写字母 G
H	72		拉丁文大写字母 H
I	73		拉丁文大写字母 I
J	74		拉丁文大写字母 J
K	75		拉丁文大写字母 K
L	76		拉丁文大写字母 L
M	77		拉丁文大写字母 M
N	78		拉丁文大写字母 N
O	79		拉丁文大写字母 O
P	80		拉丁文大写字母 P
Q	81		拉丁文大写字母 Q
R	82		拉丁文大写字母 R
S	83		拉丁文大写字母 S
T	84		拉丁文大写字母 T
U	85		拉丁文大写字母 U
V	86		拉丁文大写字母 V
W	87		拉丁文大写字母 W
X	88		拉丁文大写字母 X
Y	89		拉丁文大写字母 Y
Z	90		拉丁文大写字母 Z
[	91		左方括号（left square bracket）
\	92		反斜线（reverse solidus）
]	93		右方括号（right square bracket）
^	94		插入符号（circumflex accent）
_	95		下划线（low line）
`	96		重音符（grave accent）
a	97		拉丁文小写字母 a
b	98		拉丁文小写字母 b
c	99		拉丁文小写字母 c
d	100		拉丁文小写字母 d
e	101		拉丁文小写字母 e
f	102		拉丁文小写字母 f
g	103		拉丁文小写字母 g
h	104		拉丁文小写字母 h
i	105		拉丁文小写字母 i
j	106		拉丁文小写字母 j
k	107		拉丁文小写字母 k
l	108		拉丁文小写字母 l
m	109		拉丁文小写字母 m
n	110		拉丁文小写字母 n
o	111		拉丁文小写字母 o
p	112		拉丁文小写字母 p
q	113		拉丁文小写字母 q
r	114		拉丁文小写字母 r
s	115		拉丁文小写字母 s
t	116		拉丁文小写字母 t
u	117		拉丁文小写字母 u
v	118		拉丁文小写字母 v
w	119		拉丁文小写字母 w
x	120		拉丁文小写字母 x
y	121		拉丁文小写字母 y
z	122		拉丁文小写字母 z
{	123		左花括号（left curly bracket）
\|	124		竖线（vertical line）
}	125		右花括号（right curly bracket）
~	126		波浪线（tilde）
	127		未使用（NOT USED）
€	128	€	欧元符号（euro sign）
	129		未使用（NOT USED）
‚	130	&sbquo;	下单引号（single low-9 quotation mark）
ƒ	131	&fnof;	带钩的拉丁文小写字母 f
„	132	&bdquo;	下双引号（double low-9 quotation mark）
…	133	…	水平省略号（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	‘	左单引号（left single quotation mark）
'	146	’	右单引号（right single quotation mark）
"	147	“	左双引号（left double quotation mark）
"	148	”	右双引号（right double quotation mark）
•	149	•	着重号（bullet）
–	150	–	短破折号/连字符（en dash）
—	151	—	长破折号（em dash）
˜	152	&tilde;	小波浪线（small tilde）
™	153	™	贸易标记符号（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		不换行空格（no-break space）
¡	161	¡	倒置感叹号（inverted exclamation mark）
¢	162	¢	美分符号（cent sign）
£	163	£	英镑符号（pound sign）
¤	164	¤	货币符号（currency sign）
¥	165	¥	日元符号（yen sign）
¦	166	¦	间断的竖杠（broken bar）
§	167	§	小节号（section sign）
¨	168	¨	分音符号（diaeresis）
©	169	©	版权所有（copyright sign）
ª	170	ª	阴性序数记号（feminine ordinal indicator）
«	171	«	左双角引号（left-pointing double angle quotation mark）
¬	172	¬	否定符号（not sign）
	173		软连字符（soft hyphen）
®	174	®	注册商标（registered sign）
¯	175	¯	长音符号（macron）
°	176	°	度符号（degree sign）
±	177	±	加减号/正负号（plus-minus sign）
²	178	²	上标 2（superscript two）
³	179	³	上标 3（superscript three）
´	180	´	尖音符号（acute accent）
µ	181	µ	微米符号（micro sign）
¶	182	¶	段落符号（pilcrow sign）
·	183	·	中间点（middle dot）
¸	184	¸	变音符号（cedilla）
¹	185	¹	上标 1（superscript one）
º	186	º	阳性序数记号（masculine ordinal indicator）
»	187	»	右双角引号（right-pointing double angle quotation mark）
¼	188	¼	1/4 分数（vulgar fraction one quarter）
½	189	½	1/2 分数（vulgar fraction one half）
¾	190	¾	3/4 分数（vulgar fraction three quarters）
¿	191	¿	倒置问号（inverted question mark）
À	192	À	带有重音符号（grave）的拉丁文大写字母 A
Á	193	Á	带有尖音符号（acute）的拉丁文大写字母 A
Â	194	Â	带有抑扬音符号（circumflex）的拉丁文大写字母 A
Ã	195	Ã	带有波浪线的拉丁文大写字母 A
Ä	196	Ä	带有分音符（diaeresis）的拉丁文大写字母 A
Å	197	Å	带有上圆圈的拉丁文大写字母 A
Æ	198	Æ	拉丁文大写字母 AE
Ç	199	Ç	带有变音符号（cedilla）的拉丁文大写字母 C
È	200	È	带有重音符号（grave）的拉丁文大写字母 E
É	201	É	带有尖音符号（acute）的拉丁文大写字母 E
Ê	202	Ê	带有抑扬符号（circumflex）的拉丁文大写字母 E
Ë	203	Ë	带有分音符（diaeresis）的拉丁文大写字母 E
Ì	204	Ì	带有重音符号（grave）的拉丁文大写字母 I
Í	205	Í	带有尖音符号（acute）的拉丁文大写字母 I
Î	206	Î	带有抑扬音符号（circumflex）的拉丁文大写字母 I
Ï	207	Ï	带有分音符（diaeresis）的拉丁文大写字母 I
Ð	208	Ð	拉丁文大写字母 Eth
Ñ	209	Ñ	带有波浪线的拉丁文大写字母 N
Ò	210	Ò	带有重音符号（grave）的拉丁文大写字母 O
Ó	211	Ó	带有尖音符号（acute）的拉丁文大写字母 O
Ô	212	Ô	带有抑扬音符号（circumflex）的拉丁文大写字母 O
Õ	213	Õ	带有波浪线的拉丁文大写字母 O
Ö	214	Ö	带有分音符（diaeresis）的拉丁文大写字母 O
×	215	×	乘号（multiplication sign）
Ø	216	Ø	带有删除线的拉丁文大写字母 O
Ù	217	Ù	带有重音符号（grave）的拉丁文大写字母 U
Ú	218	Ú	带有尖音符号（acute）的拉丁文大写字母 U
Û	219	Û	带有抑扬音符号（circumflex）的拉丁文大写字母 U
Ü	220	Ü	带有分音符（diaeresis）的拉丁文大写字母 U
Ý	221	Ý	带有尖音符号（acute）的拉丁文大写字母 Y
Þ	222	Þ	拉丁文大写字母 Thorn
ß	223	ß	拉丁文小写字母 sharp s
à	224	à	带有重音符号（grave）的拉丁文小写字母 a
á	225	á	带有尖音符号（acute）的拉丁文小写字母 a
â	226	â	带有抑扬音符号（circumflex）的拉丁文小写字母 a
ã	227	ã	带有波浪线的拉丁文小写字母 a
ä	228	ä	带有分音符（diaeresis）的拉丁文小写字母 a
å	229	å	带有上圆圈的拉丁文小写字母 a
æ	230	æ	拉丁文小写字母 ae
ç	231	ç	带有变音符号（cedilla）的拉丁文小写字母 c
è	232	è	带有重音符号（grave）的拉丁文小写字母 e
é	233	é	带有尖音符号（acute）的拉丁文小写字母 e
ê	234	ê	带有抑扬音符号（circumflex）的拉丁文小写字母 e
ë	235	ë	带有分音符（diaeresis）的拉丁文小写字母 e
ì	236	ì	带有重音符号（grave）的拉丁文小写字母 i
í	237	í	带有尖音符号（acute）的拉丁文小写字母 i
î	238	î	带有抑扬音符号（circumflex）的拉丁文小写字母 i
ï	239	ï	带有分音符（diaeresis）的拉丁文小写字母 i
ð	240	ð	拉丁文小写字母 eth
ñ	241	ñ	带有波浪线的拉丁文小写字母 n
ò	242	ò	带有重音符号（grave）的拉丁文小写字母 o
ó	243	ó	带有尖音符号（acute）的拉丁文小写字母 o
ô	244	ô	带有抑扬音符号（circumflex）的拉丁文小写字母 o
õ	245	õ	带有波浪线的拉丁文小写字母 o
ö	246	ö	带有分音符（diaeresis）的拉丁文小写字母 o
÷	247	÷	除号（division sign）
ø	248	ø	带有删除线的拉丁文小写字母 o
ù	249	ù	带有重音符号（grave）的拉丁文小写字母 u
ú	250	ú	带有尖音符号（acute）的拉丁文小写字母 u
û	251	û	带有抑扬音符号（circumflex）的拉丁文小写字母 u
ü	252	ü	带有分音符（diaeresis）的拉丁文小写字母 u
ý	253	ý	带有尖音符号（acute）的拉丁文小写字母 y
þ	254	þ	拉丁文小写字母 thorn
ÿ	255	ÿ	带有分音符（diaeresis）的拉丁文小写字母 y

ANSI 控制字符

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

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

字符	编号	描述
NUL	00	空字符（null character）
SOH	01	标题开始（start of header）
STX	02	正文开始（start of text）
ETX	03	正文结束（end of text）
EOT	04	传输结束（end of transmission）
ENQ	05	请求（enquiry）
ACK	06	收到通知/响应（acknowledge）
BEL	07	响铃（bell）
BS	08	退格（backspace）
HT	09	水平制表符（horizontal tab）
LF	10	换行（line feed）
VT	11	垂直制表符（vertical tab）
FF	12	换页（form feed）
CR	13	回车（carriage return）
SO	14	不用切换（shift out）
SI	15	启用切换（shift in）
DLE	16	数据链路转义（data link escape）
DC1	17	设备控制 1（device control 1）
DC2	18	设备控制 2（device control 2）
DC3	19	设备控制 3（device control 3）
DC4	20	设备控制 4（device control 4）
NAK	21	拒绝接收/无响应（negative acknowledge）
SYN	22	同步空闲（synchronize）
ETB	23	传输块结束（end transmission block）
CAN	24	取消（cancel）
EM	25	已到介质末端/介质存储已满（end of medium）
SUB	26	替补/替换（substitute）
ESC	27	溢出/逃离/取消（escape）
FS	28	文件分隔符（file separator）
GS	29	组分隔符（group separator）
RS	30	记录分隔符（record separator）
US	31	单元分隔符（unit separator）

DEL	127	删除（delete）

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

在线咨询

上一篇：HTML 布局
下一篇：html基本操作，看了这些你就能做简易网页？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商