PHP.7-HTML+CSS（一）-HTML语法、常用字符实体、颜色代码

HTML+CSS

HTML是WEB页面的描述性语言，浏览器解释的语言

CSS则是为HTML制定样式的机制，为浏览器解释的语言。它不能独立使用，没有HTML就没有CSS，定义网页的外观和布局（字体、背景、文本、位置、边缘、列表及其它）

JavaScript是具有交互性Web设计最佳选择

都可以独立编写

CSS和JavaScript还有PHP都可以嵌入在HTML中应用

HTML语法

<标记名> </标记名>  成对的标记，也称为容器。标记中可以嵌套其它的标记

0、HTML标签属性

属性：在标记中使用 ［属性=属性值］

多个属性使用空格分开

属性的值（不管什么类型）可以使用单引号、双引号、不加引号（使用双引号）

例如：<font color=“red” size=“7”>

属性是对标记功能的扩展或形为的修饰，每个属性几乎都是可选。

1、HTML标记和属性名都是不区分大小写的

2、HTML文档注释 <!--  注释内容  -->

在注释中不能再有注释

在注释掉的标记之后，要保证还是一个结构完好的文档

3、HTML的代码格式

任何回车或空格在源代码中都不起作用

回车或空格的作用是：进行代码排版

4、HTML字符实体

三部分:

以&开头

一个实体名或是使用#号和一个体编号

以分号;结束

<   <  <    

>  >   >  

                        最常用的字符实体

显示	说明	实体名称	实体编号
	半方大的空白
	全方大的空白
	不断行的空白格
<	小于	<	<
>	大于	>	>
&	&符号	&	&
"	双引号	"	"
©	版权	©	©
®	已注册商标	®	®
™	商标（美国）	™	™
×	乘号	×	×
÷	除号	÷	÷

ISO 8859-1 (Latin-1)字符集

备注：为了方便起见，以下表格中，“实体名称”简称为“名称”，“实体编号”简称为“编号”

显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号
			¡	¡	¡	¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§	¨	¨	¨	©	©	©
ª	ª	ª	«	«	«	¬	¬	¬		­	­	®	®	®
¯	¯	¯	°	°	°	±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	µ	¶	¶	¶	·	·	·	¸	¸	¸
¹	¹	¹	º	º	º	»	»	»	¼	¼	¼	½	½	½
¾	¾	¾	¿	¿	¿	À	À	À	Á	Á	Á	Â	Â	Â
Ã	Ã	Ã	Ä	Ä	Ä	Å	Å	Å	Æ	Æ	Æ	Ç	Ç	Ç
È	È	È	É	É	É	Ê	Ê	Ê	Ë	Ë	Ë	Ì	Ì	Ì
Í	Í	Í	Î	Î	Î	Ï	Ï	Ï	Ð	Ð	Ð	Ñ	Ñ	Ñ
Ò	Ò	Ò	Ó	Ó	Ó	Ô	Ô	Ô	Õ	Õ	Õ	Ö	Ö	Ö
×	×	×	Ø	Ø	Ø	Ù	Ù	Ù	Ú	Ú	Ú	Û	Û	Û
Ü	Ü	Ü	Ý	Ý	Ý	Þ	Þ	Þ	ß	ß	ß	à	à	à
á	á	á	â	â	â	ã	ã	ã	ä	ä	ä	å	å	å
æ	æ	æ	ç	ç	ç	è	è	è	é	é	é	ê	ê	ê
ë	ë	ë	ì	ì	ì	í	í	í	î	î	î	ï	ï	ï
ð	ð	ð	ñ	ñ	ñ	ò	ò	ò	ó	ó	ó	ô	ô	ô
õ	õ	õ	ö	ö	ö	÷	÷	÷	ø	ø	ø	ù	ù	ù
ú	ú	ú	û	û	û	ü	ü	ü	ý	ý	ý	þ	þ	þ
ÿ	ÿ	ÿ

数学和希腊字母标志

symbols, mathematical symbols, and Greek letters

显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号
ƒ	ƒ	ƒ	Α	Α	Α	Β	Β	Β	Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ	Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ	Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ	Τ	Τ	Τ
Υ	Υ	Υ	Φ	Φ	Φ	Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ	δ	δ	δ	ε	ε	ε
ζ	ζ	ζ	η	η	η	θ	θ	θ	ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ	ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	ς	ς	ς	σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ	χ	χ	χ	ψ	ψ	ψ	ω	ω	ω
?	ϑ	ϑ	?	ϒ	ϒ	?	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	‾	‾	⁄	⁄	⁄	℘	℘	℘
ℑ	ℑ	ℑ	ℜ	ℜ	ℜ	™	™	™	ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→	↓	↓	↓	↔	↔	↔	↵	↵	↵
⇐	⇐	⇐	⇑	⇑	⇑	⇒	⇒	⇒	⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂	∃	∃	∃	∅	∅	∅	∇	∇	∇
∈	∈	∈	∉	∉	∉	∋	∋	∋	∏	∏	∏	∑	∑	∑
−	−	−	∗	∗	∗	√	√	√	∝	∝	∝	∞	∞	∞
∠	∠	∠	∧	∧	∧	∨	∨	∨	∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴	∼	∼	∼	∝	≅	≅	≈	≈	≈
≠	≠	≠	≡	≡	≡	≤	≤	≤	≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄	⊆	⊆	⊆	⊇	⊇	⊇	⊕	⊕	⊕
⊗	⊗	⊗	⊥	⊥	⊥	⋅	⋅	⋅	?	⌈	⌈	?	⌉	⌉
?	⌊	⌊	?	⌋	⌋	?	⟨	〈	?	⟩	〉	◊	◊	◊
♠	♠	♠	♣	♣	♣	♥	♥	♥	♦	♦	♦

5、HTML颜色的设置

设置颜色时可以是一个关键字或RGB的数字格式
使用方法：

<p><font color="输入颜色代码">输入文字</font></p>  

颜色代码大全：

1 白颜色 #FFFFFF          2 红颜色 #FF0000                  3 绿颜色 #00FF00 

  

4 蓝颜色 #0000FF           5 牡丹红 #FF00FF                  6 青颜色 #00FFFF    

7 黄颜色 #FFFF00           8 黑颜色 #000000                  9 海颜蓝 #70DB93    

10 巧克力色 #5C3317      11 蓝紫色 #9F5F9F               12 黄铜色 #B5A642    

 

13 亮金色 #D9D919         14 棕色 #A67D3D                  15 青铜色 #8C7853    

16 2号青铜色 #A67D3D    17 士官服蓝色 #5F9F9F        18 冷铜色 #D98719    

19 铜色 #B87333               20 珊瑚红 #FF7F00               21 紫蓝色 #42426F    

 

22 深棕 #5C4033                23 深绿 #2F4F2F                 24 深铜绿色 #4A766E    

25 深橄榄绿 #4F4F2F          26 深兰花色 #9932CD         27 深紫色 #871F78    

28 深石板蓝 #6B238E          29 深铅灰色 #2F4F4F         30 深棕褐色 #97694F    

 

32 深绿松石色 #7093DB       33 暗木色 #855E42            34 淡灰色 #545454    

35 土灰玫瑰红色#856363      36 长石色 #D19275            37 火砖色 #8E2323    

38 森林绿 #238E23                39 金色 #CD7F32              40 鲜黄色 #DBDB70    

41 灰色 #C0C0C0                  42 铜绿色 #527F76            43 青黄色 #93DB70    

44 猎人绿 #215E21               45 印度红 #4E2F2F             46 土黄色 #9F9F5F    

47 浅蓝色 #C0D9D9              48 浅灰色 #A8A8A8            49 浅钢蓝色 #8F8FBD    

59 浅木色 #E9C2A6              60 石灰绿色 #32CD32         61 桔黄色 #E47833    

62 褐红色 #8E236B               63 中海蓝色 #32CD99         64 中蓝色 #3232CD    

65 中森林绿 #6B8E23            66 中鲜黄色 #EAEAAE       67 中兰花色 #9370DB    

 

68 中海绿色 #426F42            69 中石板蓝色 #7F00FF      70 中春绿色 #7FFF00    

71 中绿松石色 #70DBDB       72 中紫红色 #DB7093         73 中木色 #A68064    

74 深藏青色 #2F2F4F            75 海军蓝 #23238E              76 霓虹篮 #4D4DFF    

77 霓虹粉红 #FF6EC7           78 新深藏青色 #00009C        79 新棕褐色 #EBC79E    

80 暗金黄色 #CFB53B           81 橙色 #FF7F00                   82 橙红色 #FF2400    

83 淡紫色 #DB70DB               84 浅绿色 #8FBC8F              85 粉红色 #BC8F8F    

86 李子色 #EAADEA              87 石英色 #D9D9F3              88 艳蓝色 #5959AB    

89 鲑鱼色 #6F4242                90 猩红色 #BC1717               91 海绿色 #238E68    

92 半甜巧克力色#6B4226       93 赭色 #8E6B23                  94 银色 #E6E8FA    

95 天蓝 #3299CC                   96 石板蓝 #007FFF                97 艳粉红色 #FF1CAE    

98 春绿色 #00FF7F                99 钢蓝色 #236B8E               100 亮天蓝色 #38B0DE    

101 棕褐色 #DB9370             102 紫红色 #D8BFD8             103 石板蓝色 #ADEAEA    

104 浓深棕色 #5C4033           105 淡浅灰色 #CDCDCD       106 紫罗兰色 #4F2F4F    

107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF                   109 黄绿色 #99CC