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

时间:2023-03-09 06:44:06
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字符实体

三部分:

以&开头

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

以分号;结束

<   &lt;  <

>  &gt;   >

  最常用的字符实体

显示 说明 实体名称 实体编号
  半方大的空白 &ensp;
  全方大的空白 &emsp;
  不断行的空白格 &nbsp;  
< 小于 &lt; <
> 大于 &gt; >
& &符号 &amp; &
" 双引号 &quot; "
© 版权 &copy; ©
® 已注册商标 &reg; ®
商标(美国)
× 乘号 &times; ×
÷ 除号 &divide; ÷

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

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

显示 名称 编号 显示 名称 编号 显示 名称 编号 显示 名称 编号 显示 名称 编号
  &nbsp;   ¡ &iexcl; ¡ ¢ &cent; ¢ £ &pound; £ ¤ &curren; ¤
¥ &yen; ¥ ¦ &brvbar; ¦ § &sect; § ¨ &uml; ¨ © &copy; ©
ª &ordf; ª « &laquo; « ¬ &not; ¬   &shy; ­ ® &reg; ®
¯ &macr; ¯ ° &deg; ° ± &plusmn; ± ² &sup2; ² ³ &sup3; ³
´ &acute; ´ µ &micro; µ &para; · &middot; · ¸ &cedil; ¸
¹ &sup1; ¹ º &ordm; º » &raquo; » ¼ &frac14; ¼ ½ &frac12; ½
¾ &frac34; ¾ ¿ &iquest; ¿ À &Agrave; À Á &Aacute; Á Â &Acirc; Â
à &Atilde; Ã Ä &Auml; Ä Å &Aring; Å Æ &AElig; Æ Ç &Ccedil; Ç
È &Egrave; È É &Eacute; É Ê &Ecirc; Ê Ë &Euml; Ë Ì &Igrave; Ì
Í &Iacute; Í Î &Icirc; Î Ï &Iuml; Ï Ð &ETH; Ð Ñ &Ntilde; Ñ
Ò &Ograve; Ò Ó &Oacute; Ó Ô &Ocirc; Ô Õ &Otilde; Õ Ö &Ouml; Ö
× &times; × Ø &Oslash; Ø Ù &Ugrave; Ù Ú &Uacute; Ú Û &Ucirc; Û
Ü &Uuml; Ü Ý &Yacute; Ý Þ &THORN; Þ ß &szlig; ß à &agrave; à
á &aacute; á â &acirc; â ã &atilde; ã ä &auml; ä å &aring; å
æ &aelig; æ ç &ccedil; ç è &egrave; è é &eacute; é ê &ecirc; ê
ë &euml; ë ì &igrave; ì í &iacute; í î &icirc; î ï &iuml; ï
ð &eth; ð ñ &ntilde; ñ ò &ograve; ò ó &oacute; ó ô &ocirc; ô
õ &otilde; õ ö &ouml; ö ÷ &divide; ÷ ø &oslash; ø ù &ugrave; ù
ú &uacute; ú û &ucirc; û ü &uuml; ü ý &yacute; ý þ &thorn; þ
ÿ &yuml; ÿ

数学和希腊字母标志
symbols, mathematical symbols, and Greek letters

显示 名称 编号 显示 名称 编号 显示 名称 编号 显示 名称 编号 显示 名称 编号
ƒ &fnof; ƒ Α &Alpha; Α Β &Beta; Β Γ &Gamma; Γ Δ &Delta; Δ
Ε &Epsilon; Ε Ζ &Zeta; Ζ Η &Eta; Η Θ &Theta; Θ Ι &Iota; Ι
Κ &Kappa; Κ Λ &Lambda; Λ Μ &Mu; Μ Ν &Nu; Ν Ξ &Xi; Ξ
Ο &Omicron; Ο Π &Pi; Π Ρ &Rho; Ρ Σ &Sigma; Σ Τ &Tau; Τ
Υ &Upsilon; Υ Φ &Phi; Φ Χ &Chi; Χ Ψ &Psi; Ψ Ω &Omega; Ω
α &alpha; α β &beta; β γ &gamma; γ δ &delta; δ ε &epsilon; ε
ζ &zeta; ζ η &eta; η θ &theta; θ ι &iota; ι κ &kappa; κ
λ &lambda; λ μ &mu; μ ν &nu; ν ξ &xi; ξ ο &omicron; ο
π &pi; π ρ &rho; ρ ς &sigmaf; ς σ &sigma; σ τ &tau; τ
υ &upsilon; υ φ &phi; φ χ &chi; χ ψ &psi; ψ ω &omega; ω
? &thetasym; ϑ ? &upsih; ϒ ? &piv; ϖ &bull; &hellip;
&prime; &Prime; &oline; &frasl; &weierp;
&image; &real; &trade; &alefsym; &larr;
&uarr; &rarr; &darr; &harr; &crarr;
&lArr; &uArr; &rArr; &dArr; &hArr;
&forall; &part; &exist; &empty; &nabla;
&isin; &notin; &ni; &prod; &sum;
&minus; &lowast; &radic; &prop; &infin;
&ang; &and; &or; &cap; &cup;
&int; &there4; &sim; &cong; &asymp;
&ne; &equiv; &le; &ge; &sub;
&sup; &nsub; &sube; &supe; &oplus;
&otimes; &perp; &sdot; ? &lceil; ? &rceil;
? &lfloor; ? &rfloor; ? &lang; ? &rang; &loz;
&spades; &clubs; &hearts; &diams;
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