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

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

  1. 常用字符与ASCII代码对照表

    常用字符与ASCII代码对照表 为了便于查询,以下列出ASCII码表:第128-255号为扩展字符(不常用) ASCII码 键盘 ASCII 码 键盘 ASCII 码 键盘 ASCII 码 键盘 27 ...

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

    常用字符与ASCII代码对照表 为了便于查询,以下列出ASCII码表:第128-255号为扩展字符(不常用) ASCII码 键盘 ASCII 码 键盘 ASCII 码 键盘 ASCII 码 键盘 27 ...

  3. HTML特殊符号、常用字符实体

    HTML特殊符号对照表.常用的字符实体 最常用的字符实体 显示结果 描述 实体名称 实体编号   空格     <</td> 小于号 < < > 大于号 > ...

  4. HTML特殊符号对照表 常用字符实体

    前沿:阿飞表示虽然大部分都不常用,但是有些基本的还是要背下的,比如空格,大于,小于.^_^

  5. CSS样式之语法

    选择符 选择符 {属性1:属性值1;属性2:属性值2} 选择符(selector):指定样式适用的标签,除指定标签外,样式不起作用 属性:样式的关键字 属性值:描述样式的值: 格式:属性与属性之间使用 ...

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

    css语法包含如下部分: 选择器:用于选择需要添加样式的元素. 属性(property):样式的属性名称,例如color代表颜色. 取值与单位:属性对应的值以及单位. 语法规则:css的某些固定语法. ...

  7. CSS+DIV网页样式与布局:第二章:CSS的基本语法

    第二章:CSS的基本语法 一 CSS选择器(所有的HTML语言中的标记都是通过不同的css选择器进行控制的).用户只需要 通过选择器对不同的HTML标签进行控制,并赋予各种样式声明,即可实现各种效果. ...

  8. 前端(二)—— CSS的引入方式、长度与颜色单位、常用样式、选择器

    CSS的引入方式.长度与颜色单位.常用样式.选择器 一.CSS的三种引入方式 1.行间式 <!doctype html> <html> <head> <met ...

  9. css的书写规范+常用

    格式化: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blo ...

随机推荐

  1. lighttpd+fastcgi模块分析

    一开始不怎么明白fastcgi和cgi的区别,查了资料说,fastcgi多了一个进程池,不要每次都fork和退出 这个不是重点,还是对着代码看吧 怎样在lighttpd运行php呢,需要下面这样配置 ...

  2. Tkinter教程之Button篇(1)

    本文转载自:http://blog.csdn.net/jcodeer/article/details/1811298 #Tkinter教程之Button篇(1)#Button功能触发事件'''1.一个 ...

  3. Hbase Basic Prerequisites

    Table 2. Java HBase Version   JDK 6      JDK 7       JDK 8 1.0 Not     Supported yes Running with JD ...

  4. EmEditor正则表达式例子

    正则表达式中 单词指的是由字母.数字.下划线组合而成的字符串,用符号表示为\w(小写). 空白符包括单字节空格.双字节空格.制表符,用符号表示为\s(小写). 1.匹配被双引号包含的所有字符串(str ...

  5. WinForm编程时窗体设计器中ComboBox控件大小的设置

    问题描述: 在VS中的窗体设计器中拖放一个ComboBox控件后想调整控件的大小.发现在控件上用鼠标只能拖动宽度(Width)无法拖动(Height). 解决过程: 1.控件无法拖动,就在属性窗口中设 ...

  6. Subversion 1.8.1编译安装(self)

    Subversion 1.8中http客户端基于neon已经被移除,改用self.如果要支持http方式需要在安装svn前安装serf,安装serf推荐用serf-1.2.1,安装是./configu ...

  7. DataSnap与FireDAC三层

    相交资料: http://blog.csdn.net/shuaihj/article/details/6129131http://www.cnblogs.com/hnxxcxg/p/4007876.h ...

  8. jdk自带发布webservice服务

    1.创建要发布的类 package com.test.webserive; import javax.jws.WebService; //targetNamespace定义命名空间 @WebServi ...

  9. scp命令获取远程文件

    一.scp是什么? scp是secure copy的简写,用于在Linux下进行远程拷贝文件的命令,和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器,而且scp传输是加密的,可能会稍微影响 ...

  10. HDU 3974 Assign the task (DFS序 + 线段树)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3974 给你T组数据,n个节点,n-1对关系,右边的是左边的父节点,所有的值初始化为-1,然后给你q个操 ...