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)字符集
备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”
显示 名称 编号 显示 名称 编号 显示 名称 编号 显示 名称 编号 显示 名称 编号 ? ¡ ¡ ¢ ¢ ¢ £ £ £ ¤ ¤ ¤ ¥ ¥ ¥ | ¦ ¦ § § § ¨ ¨ ¨ ? © © a ª ª ? « « ? ¬ ¬ ­ ? ® ® ˉ ¯ ¯ ° ° ° ± ± ± 2 ² ² 3 ³ ³ ′ ´ ´ μ µ µ ? ¶ ¶ · · · ? ¸ ¸ 1 ¹ ¹ o º º ? » » ? ¼ ¼ ? ½ ½ ? ¾ ¾ ? ¿ ¿ à À À á Á Á ? Â Â ? Ã Ã ? Ä Ä ? Å Å ? Æ Æ ? Ç Ç è È È é É É ê Ê Ê ? Ë Ë ì Ì Ì í Í Í ? Î Î ? Ï Ï D Ð Ð ? Ñ Ñ ò Ò Ò ó Ó Ó ? Ô Ô ? Õ Õ ? Ö Ö × × × ? Ø Ø ù Ù Ù ú Ú Ú ? Û Û ü Ü Ü Y Ý Ý T Þ Þ ? ß ß à à à á á á a â â ? ã ã ? ä ä ? å å ? æ æ ? ç ç è è è é é é ê ê ê ? ë ë ì ì ì í í í ? î î ? ï ï e ð ð ? ñ ñ ò ò ò ó ó ó ? ô ô ? õ õ ? ö ö ÷ ÷ ÷ ? ø ø ù ù ù ú ú ú ? û û ü ü ü y ý ý t þ þ ? ÿ ÿ 数学和希腊字母标志
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 青颜色 #00FFFF7 黄颜色 #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