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

HTML+CSS

HTMLWEB页面的描述性语言,浏览器解释的语言

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;  &#60;    

>  &gt;   &#62;  

                        最常用的字符实体

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

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

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

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
  &nbsp; &#160; ¡ &iexcl; &#161; ¢ &cent; &#162; £ &pound; &#163; ¤ &curren; &#164;
¥ &yen; &#165; ¦ &brvbar; &#166; § &sect; &#167; ¨ &uml; &#168; © &copy; &#169;
ª &ordf; &#170; « &laquo; &#171; ¬ &not; &#172;   &shy; &#173; ® &reg; &#174;
¯ &macr; &#175; ° &deg; &#176; ± &plusmn; &#177; ² &sup2; &#178; ³ &sup3; &#179;
´ &acute; &#180; µ &micro; &#181; &para; &#182; · &middot; &#183; ¸ &cedil; &#184;
¹ &sup1; &#185; º &ordm; &#186; » &raquo; &#187; ¼ &frac14; &#188; ½ &frac12; &#189;
¾ &frac34; &#190; ¿ &iquest; &#191; À &Agrave; &#192; Á &Aacute; &#193; Â &Acirc; &#194;
à &Atilde; &#195; Ä &Auml; &#196; Å &Aring; &#197; Æ &AElig; &#198; Ç &Ccedil; &#199;
È &Egrave; &#200; É &Eacute; &#201; Ê &Ecirc; &#202; Ë &Euml; &#203; Ì &Igrave; &#204;
Í &Iacute; &#205; Î &Icirc; &#206; Ï &Iuml; &#207; Ð &ETH; &#208; Ñ &Ntilde; &#209;
Ò &Ograve; &#210; Ó &Oacute; &#211; Ô &Ocirc; &#212; Õ &Otilde; &#213; Ö &Ouml; &#214;
× &times; &#215; Ø &Oslash; &#216; Ù &Ugrave; &#217; Ú &Uacute; &#218; Û &Ucirc; &#219;
Ü &Uuml; &#220; Ý &Yacute; &#221; Þ &THORN; &#222; ß &szlig; &#223; à &agrave; &#224;
á &aacute; &#225; â &acirc; &#226; ã &atilde; &#227; ä &auml; &#228; å &aring; &#229;
æ &aelig; &#230; ç &ccedil; &#231; è &egrave; &#232; é &eacute; &#233; ê &ecirc; &#234;
ë &euml; &#235; ì &igrave; &#236; í &iacute; &#237; î &icirc; &#238; ï &iuml; &#239;
ð &eth; &#240; ñ &ntilde; &#241; ò &ograve; &#242; ó &oacute; &#243; ô &ocirc; &#244;
õ &otilde; &#245; ö &ouml; &#246; ÷ &divide; &#247; ø &oslash; &#248; ù &ugrave; &#249;
ú &uacute; &#250; û &ucirc; &#251; ü &uuml; &#252; ý &yacute; &#253; þ &thorn; &#254;
ÿ &yuml; &#255;

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

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
ƒ &fnof; &#402; Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &Delta; &#916;
Ε &Epsilon; &#917; Ζ &Zeta; &#918; Η &Eta; &#919; Θ &Theta; &#920; Ι &Iota; &#921;
Κ &Kappa; &#922; Λ &Lambda; &#923; Μ &Mu; &#924; Ν &Nu; &#925; Ξ &Xi; &#926;
Ο &Omicron; &#927; Π &Pi; &#928; Ρ &Rho; &#929; Σ &Sigma; &#931; Τ &Tau; &#932;
Υ &Upsilon; &#933; Φ &Phi; &#934; Χ &Chi; &#935; Ψ &Psi; &#936; Ω &Omega; &#937;
α &alpha; &#945; β &beta; &#946; γ &gamma; &#947; δ &delta; &#948; ε &epsilon; &#949;
ζ &zeta; &#950; η &eta; &#951; θ &theta; &#952; ι &iota; &#953; κ &kappa; &#954;
λ &lambda; &#955; μ &mu; &#956; ν &nu; &#957; ξ &xi; &#958; ο &omicron; &#959;
π &pi; &#960; ρ &rho; &#961; ς &sigmaf; &#962; σ &sigma; &#963; τ &tau; &#964;
υ &upsilon; &#965; φ &phi; &#966; χ &chi; &#967; ψ &psi; &#968; ω &omega; &#969;
? &thetasym; &#977; ? &upsih; &#978; ? &piv; &#982; &bull; &#8226; &hellip; &#8230;
&prime; &#8242; &Prime; &#8243; &oline; &#8254; &frasl; &#8260; &weierp; &#8472;
&image; &#8465; &real; &#8476; &trade; &#8482; &alefsym; &#8501; &larr; &#8592;
&uarr; &#8593; &rarr; &#8594; &darr; &#8595; &harr; &#8596; &crarr; &#8629;
&lArr; &#8656; &uArr; &#8657; &rArr; &#8658; &dArr; &#8659; &hArr; &#8660;
&forall; &#8704; &part; &#8706; &exist; &#8707; &empty; &#8709; &nabla; &#8711;
&isin; &#8712; &notin; &#8713; &ni; &#8715; &prod; &#8719; &sum; &#8721;
&minus; &#8722; &lowast; &#8727; &radic; &#8730; &prop; &#8733; &infin; &#8734;
&ang; &#8736; &and; &#8743; &or; &#8744; &cap; &#8745; &cup; &#8746;
&int; &#8747; &there4; &#8756; &sim; &#8764; &cong; &#8773; &asymp; &#8776;
&ne; &#8800; &equiv; &#8801; &le; &#8804; &ge; &#8805; &sub; &#8834;
&sup; &#8835; &nsub; &#8836; &sube; &#8838; &supe; &#8839; &oplus; &#8853;
&otimes; &#8855; &perp; &#8869; &sdot; &#8901; ? &lceil; &#8968; ? &rceil; &#8969;
? &lfloor; &#8970; ? &rfloor; &#8971; ? &lang; &#9001; ? &rang; &#9002; &loz; &#9674;
&spades; &#9824; &clubs; &#9827; &hearts; &#9829; &diams; &#9830;

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









  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值