html符号含义
- 格式：docx
- 大小：30.65 KB
- 文档页数：8
下载文档原格式
合集下载
HTML5的标记
HTML5的标记在HTML5的页⾯中，带有“<>”符号的元素被称为HTML标记，如上⾯提到的<html><body>都是HTML标记。
所谓标记就是放在“<>”标记符中表⽰某个功能的编码命令，也称标签或 HTML元素，本书统⼀称作HTML标记。
1.双标记和单标记为了⽅便学习和理解，通常将 HTML 标记分为两⼤类，分别是“双标记”与“单标记的具体介绍如下。
(1)双标记双标记是指由开始和结束 2个标记符组成的标记。
其基本语法格式为：<标记名>内容</标记名>该语法中“<标记名>”表⽰该标记的作⽤开始，⼀般称为“开始标记”；“</标记名>”表记的作⽤结束，⼀般称为“结束标记”。
和开始标记相⽐，结束标记只是在前⾯加了⼀个关闭例如：<h2>传智播客⽹页平⾯设计免费公开课</h2>其中<n2>表⽰⼀个标题标记的开始，⽽<In2>表⽰⼀个标题标记的结束，在它们之间是标题内容。
(2)单标记单标记也称空标记，是指⽤⼀个标记符号即可完整地描述某个功能的标记。
其基本语法格<标记名/>例如：<hr />其中<hr/>为单标记，⽤于定义⼀条⽔平线。
下⾯通过⼀个案例进⼀步演⽰HTML5中双标记与单标记的使⽤，如以下代码所⽰。
<!doctype html><html><head><meta charset="utf-8"><title>传智博客云课堂</title></head><body><h2>传智博客云课堂上线了</h2><p>更新时间：2022年03⽉20⽇11时22分来源：传智播客</p><hr/><p>传智云课堂是传智博客在线教育平台，可以实现晚上在家学习，在线直播教学、实时互动辅导等多种功能，专注于⽹页、平⾯、UI设计以及Web前端的培训。
HTML是什么？
⑵超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号（实体符）“ （注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。
html 5
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5的第一份正式草案已于2008年1月22日公布，仍继续完善
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。
html示例
类型描述
为了说明文档使用的超文本标记语言标准，所有超文本标记语言文档应该以“文件类型声明”（<!DOCTYPE>）开头，引用一个文件类型描述或者必要情况下自定义一个文件类型描述。举例来说：
公共标识符
系统标识符
说明
-//W3C//DTD HTML 4.0//ZH
超文本标记语言（版本：4.0）、万维网联盟。
⑷标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。
⑸HTML注释由"<!--"号开始，由符号”-->“结束结束，例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。
常见实体
空格
html 5
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5的第一份正式草案已于2008年1月22日公布，仍继续完善
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。
html示例
类型描述
为了说明文档使用的超文本标记语言标准，所有超文本标记语言文档应该以“文件类型声明”（<!DOCTYPE>）开头，引用一个文件类型描述或者必要情况下自定义一个文件类型描述。举例来说：
公共标识符
系统标识符
说明
-//W3C//DTD HTML 4.0//ZH
超文本标记语言（版本：4.0）、万维网联盟。
⑷标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。
⑸HTML注释由"<!--"号开始，由符号”-->“结束结束，例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。
常见实体
空格
html的含义是什么
1.html的含义是什么，其主体部分由什么标记构成？Html是一种标准，一种规范，它通过标记符号来标记要显示在网页中的各个部分，被称为超文本标记语言。
标记和之间的内容构成了html的主体部分。
网页中所有内容，包括文字，图片，连接都包含在此标记符内。
2.说明在网页设计中DIV标签的作用Div中文名被称为“层次”可以把文档分割成独立的，不同的部分。
它可以用作严格的组织工具，并且不适用任何格式与其他关联。
3.css指的是什么？在网页设计中为什么要用到css技术？css是级联样式表，用来进行网页风格设计。
使用样式表可以统一的控制html中各标志的显示属性。
精确的确定元素的位置，扩充网页外观和特殊效果的显示能力。
4.css中id和class怎么定义，哪个定义的优先级别高？如果class定义一个html元素没边框，而id定义这个元素有边框，结果呢？<div class=”a1”,id=”a2”></div> 先听id的。
5.IE6下为什么不能第一1PX左右高度的容器？IE6默认的行高造成的。
6.怎样才能让层显示在FLASH之上？给FLASH设置透明，param value=transparent。
7.怎样使一个层垂直剧中于浏览器中？针对于已知大小元素。
首先使用百分比的绝对定位，此时只是层的左上角顶点居于浏览器中间，要想使层的中心位于浏览器中间就要使层的左上角顶点向上、向左移动高度、宽度的一半（与外补丁负值的方法，负值的大小为其自身宽度高度除以二）。
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.center{ background:red;width:200px;height:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -100px;}</style></head><body><div class="center">层垂直居中于浏览器</div></body></html>8.firefox嵌套div标签的剧中问题假定有如下情况：<div id=”a”><divid=”b”></div></div>如果要实现b在a中剧中放置该如何实现？解决办法就是除了需要在a中设置text-align属性为center之后，还需要设置b的横向margin为auto。
HTML语言与网页设计标记符概述
绝大多数标记符都是成对出现的，包
括开始标记符和结束标记符。某些标 记符，例如<BR>，只要求单一标记 符号。 开始标记符与结束标记符的区别在于： 结束标记符多一个斜杠“/”（不是反 斜杠“\”！）
标记符属性
属性是用来描述对象特征的特性。
例如，一个人的身高、体重就是人 这个对象的属性。 在HTML中，所有的属性都放置在开 始标记符的尖括号里，多个属性之 间用空格分开，通常也不区分大小 写。
HEAD标记符
首部标记中的内容也用相应的标记符
括起来。例如，样式表（CSS）定义 位于<STYLE>和</STYLE>之间；脚 本定义位于<SCRIPT></SCRIPT>之 间。
TITLE 标记符
在首部标记符中，最基本、最常用的
标记符是标题标记<TITLE>和 </TITLE>，用于定义网页的标题。 当网页在浏览器中显示时，网页标题 将在浏览器窗口的标题栏中显示。
BODY标记符
正文标记符<BODY>和</BODY>包
含Web 页的内容。文字、图形、链 接以及其他HTML元素都位于该标记 符内。 正文标记符中的文字，如果没有其他 标记符修饰，则将以无格式的形式显 示。
小结
综上所述，一个不包含任何内容的基
本 Web 页文件如下所示：
<HTML> <HEAD><TITLE></TITLE></HEAD> <BODY></BODY> </HTML>
HTML标记符
<HTML>和</HTML>
括开始标记符和结束标记符。某些标 记符，例如<BR>，只要求单一标记 符号。 开始标记符与结束标记符的区别在于： 结束标记符多一个斜杠“/”（不是反 斜杠“\”！）
标记符属性
属性是用来描述对象特征的特性。
例如，一个人的身高、体重就是人 这个对象的属性。 在HTML中，所有的属性都放置在开 始标记符的尖括号里，多个属性之 间用空格分开，通常也不区分大小 写。
HEAD标记符
首部标记中的内容也用相应的标记符
括起来。例如，样式表（CSS）定义 位于<STYLE>和</STYLE>之间；脚 本定义位于<SCRIPT></SCRIPT>之 间。
TITLE 标记符
在首部标记符中，最基本、最常用的
标记符是标题标记<TITLE>和 </TITLE>，用于定义网页的标题。 当网页在浏览器中显示时，网页标题 将在浏览器窗口的标题栏中显示。
BODY标记符
正文标记符<BODY>和</BODY>包
含Web 页的内容。文字、图形、链 接以及其他HTML元素都位于该标记 符内。 正文标记符中的文字，如果没有其他 标记符修饰，则将以无格式的形式显 示。
小结
综上所述，一个不包含任何内容的基
本 Web 页文件如下所示：
<HTML> <HEAD><TITLE></TITLE></HEAD> <BODY></BODY> </HTML>
HTML标记符
<HTML>和</HTML>
html标签总结
〔坐标〕
划分的形状不同,坐标也不同,矩形 就是左上角和右下角的坐标,圆就是 圆心和半径
Target〔目 标窗口〕
目标窗口,设置目标文件显示的窗口
Alt〕〔替换 文字〕
该属性给出了图像的替换文字
Table
创立一个新表格
Width
定义表格的宽度
Height
定义表格的高度
Border
设置表格边框的宽度
Bkcolor
Width
该属性可以设置水平线的长度,它的 取值既可以是数值〔单位是像素px〕, 也可以是百分比数值〔占浏览器窗口 的百分比〕
Size
设置水平线的粗细,单位是像素
Noshade
无阴影,此属性用于使水平线无阴影 的显示,〔默认是有阴影〕例如<hr noshade>将创立一条无阴影的水平 线
Align
设置水平线的对齐方式,取值为,left,right,center〔默认是居中〕
Type
当vuletype为ref时,此属性指定了
URL所代表的内容的类型
特殊符号
符号
符号代码
描述
空格
 
无断行空格
>
>
大于号
<
<
小于号
圈a
©
版权符号
®
®
注册商标
TM
&trade
商标
£
£
英镑符号
¥
¥
货币'兀'符号
“
&ldquo
左双引号
〞
&bdquo
划分的形状不同,坐标也不同,矩形 就是左上角和右下角的坐标,圆就是 圆心和半径
Target〔目 标窗口〕
目标窗口,设置目标文件显示的窗口
Alt〕〔替换 文字〕
该属性给出了图像的替换文字
Table
创立一个新表格
Width
定义表格的宽度
Height
定义表格的高度
Border
设置表格边框的宽度
Bkcolor
Width
该属性可以设置水平线的长度,它的 取值既可以是数值〔单位是像素px〕, 也可以是百分比数值〔占浏览器窗口 的百分比〕
Size
设置水平线的粗细,单位是像素
Noshade
无阴影,此属性用于使水平线无阴影 的显示,〔默认是有阴影〕例如<hr noshade>将创立一条无阴影的水平 线
Align
设置水平线的对齐方式,取值为,left,right,center〔默认是居中〕
Type
当vuletype为ref时,此属性指定了
URL所代表的内容的类型
特殊符号
符号
符号代码
描述
空格
 
无断行空格
>
>
大于号
<
<
小于号
圈a
©
版权符号
®
®
注册商标
TM
&trade
商标
£
£
英镑符号
¥
¥
货币'兀'符号
“
&ldquo
左双引号
〞
&bdquo
html基本标记符
1:HTML文档格式处理1.1<BODY>属性Background = URL 设置网页的背景图片，默认为无背景图片。
bgcolor = colorvalue 设置网页的背景颜色，默认为白色。
text = colorvalue 设置网页的文本颜色，默认为黑色。
link = colorvalue 设置尚未被访问的超链接的颜色，默认为蓝色。
alink = colorvalue 设置超链接被访问瞬间的颜色，默认为红色。
vlink = colorvalue 设置访问过的超链接的颜色，默认为紫色。
bgproperties = fixed 设置背景是否随滚动条滚动，默认为随条滚动。
leftmagin = size 设置网页左边的空白，单位是像素。
topmagin =size设置网页上边的空白，单位是像素。
maginwidth = size设置网页空白的宽度，单位是像素。
maginheight = size设置网页空白的高度，单位是像素。
2.文本风格处理2.1段落的格式化<BR>强制换行标记符，其后面的内容在下行显示，行与行之间不产生空行。
<P> … </P>段落标记符，能强制换行，还使两段间多一个空行。
<PRE>….</PRE>预定义格式符，按照预定格式输出文本。
<Hn>….</Hn>用于设置字体的大小，n取值（1-6），6最小字；使用是自动成一段，不必使用<p>来加以限制；<HR>水平线标记符{ align = alignstyle 设置水平线对其方式，left. Right. Center,默认center.Size = size 设置水平线的大小，默认值2.Width = size 设置水平线的长度，单位像素或者百分百，默认值100%。
color 设置水平线的颜色，默认透明。
noshade 设置水平线是否有阴影，默认有阴影。
HTML5所有标签汇总及标签意义解释
;strong> 表示重要性而不是强调符号 示例代码：
<xmp> <!doctype html> <html> <head> <style> header{height:150px;background:#ABCDEF} nav{height:30px;background:#ff9900;margin-top:100px} nav ul li{width:100px;height:30px;float:left;line-height:30px} div{margin-top:10px;height:1000px;} section{height:1000px;background:#ABCDEF;width:70%;float:left} article{background:#F90;width:500px;margin:0 auto;text-align:center} aside{height:1000px;background:#ABCDEF;width:28%;float:right} footer{height:100px;background:#ABCDEF;clear:both;margin-top:10px} </style> </head> <body> <header> <p>这是一个 header 标签</p> <nav> <ul> <li>首页</li> <li>起夜</li>
acronymisindexdir重新定义的html标签代表内联文本通常是粗体没有传递表示重要的意思i代表内联文本通常是斜体没有传递表示重要的意思dd可以同details与figure一同使用定义包含文本dialog也可用dt可以同details与figure一同使用汇总细节dialog也可用hr表示主题结束而不是水平线虽然显示相同menu重新定义用户界面的菜单配合commond或者menuitem使用small表示小字体例如打印注释或者法律条款strong表示重要性而不是强调符号示例代码
<xmp> <!doctype html> <html> <head> <style> header{height:150px;background:#ABCDEF} nav{height:30px;background:#ff9900;margin-top:100px} nav ul li{width:100px;height:30px;float:left;line-height:30px} div{margin-top:10px;height:1000px;} section{height:1000px;background:#ABCDEF;width:70%;float:left} article{background:#F90;width:500px;margin:0 auto;text-align:center} aside{height:1000px;background:#ABCDEF;width:28%;float:right} footer{height:100px;background:#ABCDEF;clear:both;margin-top:10px} </style> </head> <body> <header> <p>这是一个 header 标签</p> <nav> <ul> <li>首页</li> <li>起夜</li>
acronymisindexdir重新定义的html标签代表内联文本通常是粗体没有传递表示重要的意思i代表内联文本通常是斜体没有传递表示重要的意思dd可以同details与figure一同使用定义包含文本dialog也可用dt可以同details与figure一同使用汇总细节dialog也可用hr表示主题结束而不是水平线虽然显示相同menu重新定义用户界面的菜单配合commond或者menuitem使用small表示小字体例如打印注释或者法律条款strong表示重要性而不是强调符号示例代码
html特殊字符符号
html特殊字符符号平时写代码很少⽤到HTML的特殊字符，最常⽤的可能是 了，但有时在移动端为了节省时间，可能会⽤这些字符实现某种特殊效果，现整理如下：使⽤⽅法：这些字符属于unicode字符集，所以，你的⽂档需要声明为UTF-8；编号⽤在HTML中时，需要在前⾯加上&#符号；⽤于CSS⽂件中，但是需要⽤反斜杠\转义；⽤于JavaScript，和CSS⽤法⼀样，不过要⽤\u来转义。
需要注意：有的字符在不同的浏览器下表现不太⼀样；⽐如⼩雪⼈☃在Firefox和Chrome下不太⼀样，钻⽯◆在IE下要⽐Chrome下要⼤⼀点⼉；有的字符在某个浏览器下不会显⽰；当然原因并不是字符代码的问题，⽽是浏览器的bug，⽐如，–在Chrome下。
但是，98%的字符都能在所有浏览器下正常显⽰的，不过如果你真的要使⽤，最好仔细在各个浏览器下验证⼀番。
经测试这些字符在Android/iOS等智能终端的识别度⽐较差，所以，使⽤的时候要特别注意移动浏览器～～表格归类：⇠箭头类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS⇠⇠\u21E0\21E0⇢⇢\u21E2\21E2⇡⇡\u21E1\21E1⇣⇣\u21E3\21E3↞↞\u219E\219E↠↠\u21A0\21A0↟↟\u219F\219F↡↡\u21A1\21A1←←\u2190\2190→→\u2192\2192↑↑\u2191\2191↓↓\u2193\2193↔↔\u2194\2194↕↕\u2195\2195⇄⇄\u21C4\21C4⇅⇅\u21C5\21C5↢↢\u21A2\21A2↣↣\u21A3\21A3⇞⇞\u21DE\21DE⇟⇟\u21DF\21DF ↫↫\u21AB\21AB↬↬\u21AC\21AC ⇜⇜\u21DC\21DC⇝⇝\u21DD\21DD ↚↚\u219A\219A↛↛\u219B\219B ↮↮\u21AE\21AE↭↭\u21AD\21AD ⇦⇦\u21E6\21E6⇨⇨\u21E8\21E8⇧⇧\u21E7\21E7⇩⇩\u21E9\21E9▲▲\u25B2\25B2►►\u25BA\25BA ▼▼\u25BC\25BC◄◄\u25C4\25C4➔➔\u2794\2794➙➙\u2799\2799➨➨\u27A8\27A8➲➲\u27B2\27B2➜➜\u279C\279C➞➞\u279E\279E ➟➟\u279F\279F➠➠\u27A0\27A0➤➤\u27A4\27A4➥➥\u27A5\27A5➦➦\u27A6\27A6➧➧\u27A7\27A7➵➵\u27B5\27B5➸➸\u27B8\27B8➼➼\u27BC\27BC➽➽\u27BD\27BD ➺➺\u27BA\27BA➳➳\u27B3\27B3↷↷\u21B7\21B7↶↶\u21B6\21B6↻↻\u21BB\21BB↺↺\u21BA\21BA ↵↵\u21B5\21B5↯↯\u21AF\21AF ➾➾\u27BE\27BE❤基本形状类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSSHTML JS CSS HTML JS CSS ❤❤\u2764\2764✈✈\u2708\2708★★\u2605\2605✦✦\u2726\2726☀☀\u2600\2600◆◆\u25C6\25C6◈◈\u25C8\25C8▣▣\u25A3\25A3☻☻\u263B\263B☺☺\u263A\263A ☹☹\u2639\2639✉✉\u2709\2709☎☎\u260E\260E☏☏\u260F\260F ✆✆\u2706\2706��\uFFFD\FFFD ☁☁\u2601\2601☂☂\u2602\2602❄❄\u2744\2744☃☃\u2603\2603❈❈\u2748\2748✿✿\u273F\273F ❀❀\u2740\2740❁❁\u2741\2741☘☘\u2618\2618❦❦\u2766\2766☕☕\u9749\9749❂❂\u2742\2742☥☥\u2625\2625☮☮\u262E\262E ☯☯\u262F\262F☪☪\u262A\262A ☤☤\u2624\2624✄✄\u2704\2704✂✂\u2702\2702☸☸\u2638\2638⚓⚓\u2693\2693☣☣\u2623\2623⚠⚠\u26A0\26A0⚡⚡\u26A1\26A1☢☢\u2622\2622♻♻\u267B\267B ♿♿\u267F\267F☠☠\u2620\2620¥ 货币类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS$$\u0024\0024¢¢\u00A2\00A2££\u00A3\00A3¤¤\u00A4\00A4€€\u20AC\20AC¥¥\u00A5\00A5₱₱\u20B1\20B1 ₹\u20B9\20B9½ 数学类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS½½\u00BD\00BD¼¼\u00BC\00BC ¾¾\u00BE\00BE⅓⅓\u2153\2153⅔⅔\u2154\2154⅛⅛\u215B\215B ⅜⅜\u215C\215C⅝⅝\u215D\215D ‰‰\u2030\2030%%\u0025\0025 <<\u003C\003C>>\u003E\003E♫⾳乐符号类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS♩♩\u2669\2669♪♪\u266A\266A ♫♫\u266B\266B♬♬\u266C\266C ♭♭\u266D\266D♯♯\u266F\266F✖对错号符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS  \u00A0\00A0☐☐\u2610\2610☑☑\u2611\2611☒☒\u2612\2612✓✓\u2713\2713✔✔\u2714\2714✕✕\u10005\10005✖✖\u2716\2716✕✕\u10005\10005✖✖\u2716\2716✗✗\u2717\2717✘✘\u2718\2718★全都是星星符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS★★\u2605\2605✭✭\u272D\272D ✮✮\u272E\272E☆☆\u2606\2606✪✪\u272A\272A✡✡\u2721\2721✯✯\u272F\272F✵✵\u2735\2735✶✶\u2736\2736✸✸\u2738\2738✹✹\u2739\2739✺✺\u273A\273A ✱✱\u2731\2731✲✲\u2732\2732✴✴\u2734\2734✳✳\u2733\2733✻✻\u273B\273B✽✽\u273D\273D ❋❋\u274B\274B❆❆\u2746\2746❄❄\u2744\2744❅❅\u2745\2745♒星座类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS♈♈\u2648\2648♉♉\u2649\2649♊♊\u264A\264A♋♋\u264B\264B ♌♌\u264C\264C♍♍\u264D\264D ♎♎\u264E\264E♏♏\u264F\264F ♐♐\u2650\2650♑♑\u2651\2651♒♒\u2652\2652♓♓\u2653\2653♚国际象棋类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS♚♚\u265A\265A♛♛\u265B\265B ♜♜\u265C\265C♝♝\u265D\265D ♞♞\u265E\265E♟♟\u265F\265F ♔♔\u2654\2654♕♕\u2655\2655♖♖\u2656\2656♗♗\u2657\2657♘♘\u2658\2658♙♙\u2659\2659♣扑克牌类符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS♠♠\u2660\2660♣♣\u2663\2663♥♥\u2665\2665♦♦\u2666\2666♤♤\u2664\2664♧♧\u2667\2667♡♡\u2661\2661♢♢\u2662\2662Ω希腊字母符号UNICODE符号UNICODE HTML JS CSS HTML JS CSSΑΑ\u0391\0391ΒΒ\u0392\0392ΓΓ\u0393\0393ΔΔ\u0394\0394ΕΕ\u0395\0395ΖΖ\u0396\0396ΗΗ\u0397\0397ΘΘ\u0398\0398ΙΙ\u0399\0399ΚΚ\u039A\039A ΛΛ\u039B\039BΜΜ\u039C\039CΛΛ\u039B\039BΜΜ\u039C\039C ΝΝ\u039D\039DΞΞ\u039E\039E ΟΟ\u039F\039FΠΠ\u03A0\03A0ΡΡ\u03A1\03A1ΣΣ\u03A3\03A3ΤΤ\u03A4\03A4ΥΥ\u03A5\03A5ΦΦ\u03A6\03A6ΧΧ\u03A7\03A7ΨΨ\u03A8\03A8ΩΩ\u03A9\03A9☩⼗字符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS☨☨\u2628\2628☩☩\u2629\2629✝✝\u271D\271D✞✞\u271E\271E ✟✟\u271F\271F✠✠\u2720\2720✚✚\u271A\271A††\u2020\2020✢✢\u2722\2722✤✤\u2724\2724✣✣\u2723\2723✥✥\u2725\2725© 法律符号符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS®®\u00AE\00AE©©\u00A9\00A9℗℗\u2117\2117™™\u0099\0099℠℠\u2120\2120@ 标点和符号符号UNICODE符号UNICODE HTML JS CSS HTML JS CSS««\u00AB\00AB»»\u00BB\00BB ‹‹\u008B\008B››\u009B\009B ““\u201C\201C””\u201D\201D ‘‘\u2018\2018’’\u2019\2019••\u2022\2022◦◦\u25E6\25E6¡¡\u00A1\00A1¿¿\u00BF\00BF ℅℅\u2105\2105№№\u2116\2116 &&\u0026\0026@@\u0040\0040℞℞\u211E\211E℃℃\u2103\2103℉℉\u2109\2109°°\u00B0\00B0 ||\u007C\007C¦¦\u00A6\00A6––\u2013\2013——\u2014\2014……\u2026\2026¶¶\u00B6\00B6∼∼\u223C\223C≠≠\u2260\2260 Miscellaneous Symbols。
HTML的含义,在网页设计中的作用是什么？
HTML一种超文本传输协议，规定了浏览器与端之间数据传输的格式，一种标识性的代码语言，它的中文翻译“超文本标记语言”，主要通过HTML标签对网页中的文本、图片、声音等内容进行描述。
HTML了许多标签，如段落标签、标题标签、超标签、图片标签等，网页中需要定义什么内容，就用相应的HTML标签描述即可。
HTML之所以称为超文本标记语言，不仅因为它通过标签描述网页内容，同时也由于文本中包含了超。
通过超将、网页以及各种网页元素起来，构成了丰富多彩的。
接下来，通过一段源代码截图和相应的网页结构来简单地认识HTML，具体如图1所示。
图1网页的HTML结构通过图7可以看出，网页内容通过HTML指定的文本符号(图中带有“<>”的符号，被称为标签)描述的，网页文件其实一个纯文本文件。
作为一种描述网页内容的语言，HTML的可以追溯到20世纪90年初期。
19年HTML首次应用到网页编辑后，便迅速崛起成为网页编辑主流语言。
到了1993年HTML首次以因特网草案的形式发布，众多不同的HTML版本始在全球陆续使用，这些初具雏形的版本可以看HTML版。
在后续的十几年中，HTML飞速发展，从2.0版(1995年)到3.2版(1997年)和4.0版(1997年)，再到1999年的4.01版，HTML功能得到了极的丰富。
与此同时，W3C(万维网联盟)也掌握了对HTML的控制权。
由于HTML4.01版本相对于4.0版本没有什么本质差别，只提高了兼容性并删减了一些过时的标签，业界普遍认为HTML已经到了发展的瓶颈期，对Web标准的研究也始转向了XML和XHTML。
但有较多的仍然使用HTML的，因此一部分人成立了WHATWG致力于HTML的研究。
2006年，W3C又重新介入HTML的研究，并于2008年发布了HTML5的工作草案。
由于HTML5具备较强的解决实际问题的能力，因此得到各浏览器厂商的支持，HTML5的规范也得到了持续的完善。
HTML常用特殊符号对照表及一些标签说明
这个是我在网上收集的HTML特殊符号和标签有关的知识，基本可以算收集全了，现在和大家免费分享，共同学习哦！！！HTML特殊符号对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑ Α ΒΒ ΒΓΓ Γ ΔΔ ΔΕΕ Ε ΖΖ ΖΗΗ Η ΘΘ ΘΙΙ Ι ΚΚ ΚΛΛ Λ ΜΜ ΜΝΝ Ν ΞΞ ΞΟΟ Ο ΠΠ ΠΡΡ Ρ ΣΣ ΣΤΤ Τ ΥΥ ΥΦΦ Φ ΧΧ ΧΨΨ Ψ ΩΩ Ωαα α ββ βγγ γ δδ δεε ε ζζ ζηη η θθ θιι ι κκ κλλ λ μμ μνν ν ξξ ξοο ο ππ πρρ ρ ςς ςσσ σ ττ τυυ υ φφ φχχ χ ψψ ψ ωω ω ϑϑ ϑ ϒϒ ϒ ϖϖ ϖ • • • … … … ′′ ′ ″″ ″ ⎯‾ ‾ ⁄⁄ ⁄ ℘℘ ℘ ℑℑ ℑ ℜℜ ℜ ™ ™ ™ ℵℵ ℵ ←← ← ↑↑ ↑ →→ → ↓↓ ↓ ↔↔ ↔ ↵↵ ↵ ⇐⇐ ⇐ ⇑⇑ ⇑ ⇒⇒ ⇒ ⇓⇓ ⇓ ⇔⇔ ⇔ ∀∀ ∀ ∂∂ ∂ ∃∃ ∃ ∅∅ ∅ ∇∇ ∇ ∈∈ ∈ ∉∉ ∉ ∋∋ ∋ ∏∏ ∏ ∑∑ − −− − ∗∗ ∗ √√ √ ∝∝ ∝ ∞∞ ∞ ∠∠ ∠ ∧∧ ⊥ ∨∨ ⊦ ∩∩ ∩ ∪∪ ∪ ∫∫ ∫ ∴∴ ∴ ∼∼ ∼ ≅≅ ≅ ≈≈ ≅ ≠≠ ≠ ≡≡ ≡ ≤≤ ≤≥≥ ≥ ⊂⊂ ⊂⊃⊃ ⊃ ⊄⊄ ⊄⊆⊆ ⊆ ⊇⊇ ⊇⊕⊕ ⊕ ⊗⊗ ⊗⊥⊥ ⊥ ⋅⋅ ⋅⌈⌈ ⌈ ⌉⌉ ⌉⌊⌊ ⌊ ⌋⌋ ⌋◊◊ ◊ ♠♠ ♠♣♣ ♣ ♥♥ ♥♦♦ ♦  ¡ ¡ ¡ ¢ ¢ ¢£ £ £ ¤ ¤ ¤¥ ¥ ¥ ¦ ¦ ¦§ § § ¨ ¨ ¨© © © ª ª ª« « « ¬ ¬ ¬­ ­ ® ® ®¯ ¯ ¯ ° ° d°± ± ± ² ² ²³ ³ ³ ´ ´ ´µ µ µHTML常用标签整理网页（WebPage）文件主要是用超文本标记语言（HyperText Markup Language，简称HTML）语句来写成。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、部分基础内容h1 一级标题h2 二级标题p 段落a 超链接td 表格列tr 表格行li 标签定义列表ul 标签定义列表中的无序列表1、文件标题 <title>标题内容</title>2、文件更新 <meta>(1)10秒自动后自动更新一次<meta http-equiv=”refresh” content=10>(2)10秒后自动连接到另一文件<meta http-equiv=”refresh” content=”10;URL=要连接文件的URL”> 3、查询用表单 <isindex>若想要设定查询栏位前的提示文字：<isindex prompt=”提示文字”>4、预设的基准路径 <base><base href=”放置文件的主机URL”>二、版面1、标题文字<h#>……………</h#> #=1-6;h1为最大字 h6为最小字2、字体变化<font>…….</font>(1)字体大小<font size=#>……</font>#=1-7;数字越大字越大(2)指定字形<font face=”字形名称”>……</font>(3)文字颜色<font color=#rrggbb>……</font>rr:表示红色 gg：表示绿色 bb:表示蓝色（bb、rr、gg均表示色码）3、显示小字体<small>………</small>4、显示大字体<big>……</big>5、粗体字<b>……</b>6、斜体字<i>……</i>7、打字机字体<tt>……</tt>8、底线<u>……</u>9、删除线<strike>……</strike>10、下标字<sub>……</sub>11、上标字<sup>……</sup>12、文字闪烁效果<blink>……</blink>13、换行<br>14、分段<p>15、文字的对齐方向<p align=”#”>#号可为left（表向左对齐（预设值））center（居中对齐）right（向右对齐） <p align=”#”>之后的文字都会以所设的对齐方式显示，直到出现另一个<p align=”#”>改变其对齐方向，或遇到<hr>……<h#>标签时自动返回预设左对齐。
16、分隔线<hr>（1）分隔线的粗细<hr size=点数>（2）分隔线的宽度<hr size=点数或百分比>（3）分隔线对齐方向<hr align=”#”>(left,right,center)（4）分隔线的颜色<hr color=#rrggbb>(上面有对颜色的说明)（5）实心分隔线<hr noshade>17、像中对齐<center>……</center>18、以原始样式显示<pre>……</pre>19、<body>指令的属性（1）背景颜色—bgcolor<body bgcolor=#bbggrr>（2）背景图案—background<body background=”图形文件名”>（3）设定背景图案不会卷动—bgproperties <body bgproperties=fixed>（4）文件内容文字的颜色—text<body text=#rrggbb>（5）超链接文字颜色-link<body link=#rrggbb>（6）正被选取的超链接文字颜色—vlink<body vlink=#rrggbb>（7）已连接过的超链接文字颜色—alink<body alink=#rrggbb>20、注解<!-…………->21、特殊字元表示法符号语法< <> >& &“ "空白  三、图片1、插入图片<img src=”图片文件名”>2、设定图框<img src=”图片文件名” border=点数>3、设定图片大小—width height<img src=”图片文件名” width=宽度点数 height=亮度点数>4、设定图片上下左右留空–vspace hspace<img src=”图片文件名” vspace=上下留空点数 hspace=左右留空点数>5、圆形附注<img src=”图片文件名” alt=“说明文字”>6、预载图片<img src=”高解析度图片文件名” lowsrc=”低解析度图片文件名”>两个图的大小最好一致7、影像地图(Image Map)<img src=”图片文件名” usemap=”#图的名称”> <map name=”图的名称”><area shape=形状 cords=区域坐标列表href=”连接点的url”><area shape=形状 cords=区域坐标列表 href=“连接点的url”></map>（1）定义形状—shapeshape=rect:矩形 shape=circle:圆形 shape=poly:多边形（2）定义区域—coordsa．矩形：必须使用四个数字，前两个数字为左上角坐标，后两个数字为右下角坐标例：<area shape=rect coords=100,50,200,75 href=”url”>b.圆形：必须使用三个数字，前两个数字为圆心的坐标，最后一个数字为半径长度例：<area shape=circle coords=85,155,30 href=”url”>c.任意图形（多边形）：将图形每一转折点坐标依次填入例：<area shape=poly coords=232,12,12,32,52,12,54,12 href=”url”>四、表格1、定义表格<table>…….</table>（1）设定边框厚度—border<table border=点数>（3）设定格线的宽度—cellspacing<table cellspacing=点数>（4）调整表格高度-height<table height=点数或者百分比>（5）调整表格宽度—width<table width=点数或者百分比>（6）设定表格背景色彩—bgcolor<table bgcolor=#rrggbb>（7）设定表格边框色彩--bordercolor<table bordercolor=#rrggbb>2、显示格线<table border>3、表格标题<caption>……</caption>表格标题位置<caption align=”#”>#可为top：标题置于表格上方（默认值）bottom:下方4、定义列<tr>5、定义栏位《1》 <td>:靠左对齐《2》<th>:靠中对齐【1】水平位置——<th align=”#”>#=left,right,center【2】垂直位置————同上此时#=top，middle，bottom：向上向下向中对齐【3】栏位宽度——<th width=点数或者百分比>【4】栏位垂直合并——rowspan <th rowspan=欲合并栏位数>【5】栏位横向合并——colspan <th colspan=欲合并栏位数>五、清单（1）目录式清单<dir><li>项目1<li>项目2<li>项目3</dir> 目录式清单每一个项目不能超过20个字元（10个中文字）（2）选项式清单<menu><li>项目1<li>项目2<li>项目3</menu>（3）有序号的清单<ol><li>项目1<li>项目2</ol>【1】序号形式——type <ol type=#>或<li type=#>#号可以为大小写英文字母、大小写罗马数字、阿拉伯数字（默认值）作为项目编号【2】起始数字——start <ol start=欲开始计数的序数>【3】指定编号——value <li value=欲指定的序数>（4）无序号的清单<ul><li>项目1<li>项目2<li>项目3</ul>【1】项目符号形式——type<ul type=#>或者<li type=#>#可为disc：实心圆点（默认值） circle：空心圆点 square：实心方块【2】原始清单——plain <ul plain>【3】清单排列方式——warp《1》清单垂直排列<ul warp=vert>《2》清单水平排列<ul warp=horiz>（5）定义式清单<dl><dt>项目1<dd>项目1说明<dt>项目2<dd>项目2说明</dl>紧密排列——compact<dl compact> 如此可使<dt>的内容与<dd>的内容在同一行，仅以数格空白相隔而不换行，但若<dt>的文字超过一定长度后，紧密排列作用失效六、表单（1）基本架构<form action=”处理资料用的CGI方程式的U RL”ilto：电子信箱的U RL”method=”get或p ost”>（2）输入文件型表单<form action=”URL”method=”post”><input><input>…</form>【1】栏位类型 <input type=#>#:text:文字输入 password：密码 checkbox：多选按钮radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形按钮hidden：隐藏栏位【2】栏位名称<input name=”资料栏名称”>若type为submit、reset则name不必设定【3】文件栏上的预设值<input value=”预设的字串”>【4】设定栏位的宽度 <input size=字元数>【5】限制最大输入字串的长度 <input maxlength=字元数>【6】预设checkbox或radio的初值<input type=checkbox checked><input type=radio checked>【7】指定图形的U RL<input type=image src=”图档名称”>【8】图文对齐<input type=image align=”#”>#可为top：文字对齐图片的顶端middle：文字对齐图片的中间 bottom：文字对齐图片的底部（3）选择式表单<form action=”URL”method=”post”><select><option><option>……</select></form>A、<select>的属性【1】栏位名称<select name=”资料栏位名称”>【2】设定显示的选项数<select size=个数>【3】多重选项<select multiple>B、<option>的属性【1】定义选项的传回值<option value=”传回值”>【2】预先选取的选项<option selected>（4）多列输入文字表单<form action=”URL” me thod=”post”><textarea>……</textarea></form>【1】文字区的变数名称 <textarea name=变数名称>【2】设定文字输入区宽度<textarea cols=字元数>【3】设定文字输入区高度<textarea rows=列数>【4】输入区设定预设字串<textarea>预设文字</textarea>【5】自动换行与否<textarea warp=#> off:表输入文字超过栏宽时，不会自动换（默认值） virtual：表输入的文字在超过栏宽时会自动换行七、链接（1）连接至其他文件<a href=”URL”>说明文字或者图片</a>（2）连接至本文件的某一处（外部连接）《1》起点<a href=”档名#名称”>………</a>《2》终点<a name=”名称”>（3）frame的超链接【1】开启新的浏览器来显示连接文件<a href=”URL” target=_blank>【2】显示连接文件于目前的frame <a href=”URL” target=_self>【3】以上一层的分割视窗显示连接文件<a href=”URL” target=_parent>【4】以全视窗显示链接文件<a href=”URL” target=_top>【6】以特定视窗显示连接文件<a href=”URL” target=”特定视窗名称”>八、FRAME（1）分割视窗指令<frameset>……</frameset>【1】垂直（上下）分割<frameset rows=#>#可为点数，如果想要分割100，200，300三个视窗，则<frameset rows=100,200,300>也可以用*号代表 <frameset rows=*,500,*> 还可用百分比【2】水平分割 <frameset cols=点数或者百分比>（2）制定视窗内容<frameset cols=30%,70%> <frame> <frame> </frameset> 【1】指定视窗的文件名称 <frame src=html档名>【2】定义视窗的名称<frame name=”视窗名称”>\【3】设定文件与上下边框的距离<frame marginheight=点数>【4】设定文件与左右边框的距离<frame marginwidth=点数>【6】设定分割视窗卷轴<frame scrolling=#>#可为yes：固定出现卷轴 no:不出现卷轴auto：自动判断文件大小需不需要卷轴）（默认值）【7】锁住分割视窗的大小<frame noresize>八、meta（1）name 属性1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页面上的链接不可以被查询；设定为index：文件将被检索；设定为follow：页面上的链接可以被查询；设定为noindex：文件将不被检索，但页面上的链接可以被查询；设定为nofollow：文件将不被检索，页面上的链接可以被查询。