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; ©
a &ordf; ª ? &laquo; « ? &not; ¬   &shy; ­ ? &reg; ®
ˉ &macr; ¯ ° &deg; ° ± &plusmn; ± 2 &sup2; ² 3 &sup3; ³
&acute; ´ μ &micro; µ ? &para; · &middot; · ? &cedil; ¸
1 &sup1; ¹ o &ordm; º ? &raquo; » ? &frac14; ¼ ? &frac12; ½
? &frac34; ¾ ? &iquest; ¿ à &Agrave; À á &Aacute; Á ? &Acirc; Â
? &Atilde; Ã ? &Auml; Ä ? &Aring; Å ? &AElig; Æ ? &Ccedil; Ç
è &Egrave; È é &Eacute; É ê &Ecirc; Ê ? &Euml; Ë ì &Igrave; Ì
í &Iacute; Í ? &Icirc; Î ? &Iuml; Ï D &ETH; Ð ? &Ntilde; Ñ
ò &Ograve; Ò ó &Oacute; Ó ? &Ocirc; Ô ? &Otilde; Õ ? &Ouml; Ö
× &times; × ? &Oslash; Ø ù &Ugrave; Ù ú &Uacute; Ú ? &Ucirc; Û
ü &Uuml; Ü Y &Yacute; Ý T &THORN; Þ ? &szlig; ß à &agrave; à
á &aacute; á a &acirc; â ? &atilde; ã ? &auml; ä ? &aring; å
? &aelig; æ ? &ccedil; ç è &egrave; è é &eacute; é ê &ecirc; ê
? &euml; ë ì &igrave; ì í &iacute; í ? &icirc; î ? &iuml; ï
e &eth; ð ? &ntilde; ñ ò &ograve; ò ó &oacute; ó ? &ocirc; ô
? &otilde; õ ? &ouml; ö ÷ &divide; ÷ ? &oslash; ø ù &ugrave; ù
ú &uacute; ú ? &ucirc; û ü &uuml; ü y &yacute; ý t &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

时间: 2024-12-24 21:48:43

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

css如何实现一个文字两种颜色代码实例

css如何实现一个文字两种颜色代码实例:在实际应用中可能需要设置文本效果比较炫酷.有一种效果就是将一个文字设置为两种颜色,使用普通的方法肯定是无法实现.下面就分享一下实现此功能的代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/&qu

[转]常用字符与ASCII代码对照表

常用字符与ASCII代码对照表 为了便于查询,以下列出ASCII码表:第128-255号为扩展字符(不常用) ASCII码 键盘 ASCII 码 键盘 ASCII 码 键盘 ASCII 码 键盘 27 ESC 32 SPACE 33 ! 34 " 35 # 36 $ 37 % 38 & 39 ' 40 ( 41 ) 42 * 43 + 44 ' 45 - 46 . 47 / 48 0 49 1 50 2 51 3 52 4 53 5 54 6 55 7 56 8 57 9 58 : 59

HTML中常用字符实体

显示结果 描述 实体名称 实体编号   空格     < 小于号 < < > 大于号 > > & 和号 & & " 引号 " " ' 撇号  &apos; (IE不支持) ' ¢ 分 ¢ ¢ £ 镑 £ £ ¥ 日圆 ¥ ¥ € 欧元 € € § 小节 § § © 版权 © © ® 注册商标 ® ® ™ 商标 ™ ™ × 乘号 × × ÷ 除号 ÷ ÷

HTML——CSS的基础语法1

页面中所有CSS代码,需要写入到<style></style>标签中. style标签的type属性应该选择text/css,但是type属性可以省略. 1.CSS常用选择器 CSS修改页面中的所有标签,必须借助选择器选中.选择器中可以写多对CSS属性,用{}包裹:每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔 选择器{ 属性1:属性值1; 属性2:属性值2; } 1-1.标签选择器 写法:HTML标签名{}作用:可以选中页面中,所有与选择器同名的HTML标签. li{

web(六)css的基本语法、取值与单位

css语法包含如下部分: 选择器:用于选择需要添加样式的元素. 属性(property):样式的属性名称,例如color代表颜色. 取值与单位:属性对应的值以及单位. 语法规则:css的某些固定语法. 注释:用户对css的程序描述,不执行. css的基本语法规则 忽略大小写(但在定义类选择器时识别大小写),建议使用小写. 多重声明:使用多个属性以及取值同时渲染一组标签. 1 p { 2 text-align: center; 3 color: black; 4 font-family: aria

第二部分----CSS的基础语法

PART-1 CSS的基础常识 一.什么是CSS? W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化.其倡导中第一条的"表现"指的便可以说是CSS.CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言.  二.CSS应用的三种方式: 1. 行内样式表 行内样式表将CSS样式与HTML代码完全杂糅在一起,不符合W3C关于内容与表现分离的的基本规则,且不利于网站的维护.但是行内样式

CSS样式之语法

选择符 选择符 {属性1:属性值1;属性2:属性值2} 选择符(selector):指定样式适用的标签,除指定标签外,样式不起作用 属性:样式的关键字 属性值:描述样式的值: 格式:属性与属性之间使用分号分隔,属性与属性值之间使用冒号分隔 选择符 任何HTML元素都可以是一个CSS选择符 选择符仅仅是指向特别样式的元素 如:P {font-size:12pt}当中的选择符是P 分类 类选择符 id选择符 关联选择符 类选择符 类选择符—css_choose.html 单一个选择符能有不同的CLA

CSS选择器命名及常用命名

CSS选择器命名及常用命名 CSS选择器命名及常用命名 规范的命名也是Web标准中的重要一项,标准的命名可以使代码更加易读,而且利于搜索引擎搜索,比如定义了两个div,一个 id 命名为"div1",另外一个命名为"News",肯定第二个比较易读,而且搜索引擎抓取率要高,在团队合作中还可以大大提高工作效率.为了达到这种效果我们就要规范化命名(语义化命名)! 说个题外话,规范化命名的代码,会显着你更加专业! 关于CSS命名法,和其他的程序命名差不多,主要有三种:骆驼命

CSS页面模块的常用命名

CSS页面模块的常用命名:        头:header        内容:content/container        尾:footer        导航:nav        侧栏:sidebar        栏目:column        页面外围控制整体布局宽度:wrapper        左右中:left right center        登录条:loginbar        标志:logo        广告:banner        页面主体:main