思维之海

——在云端，寻找我的星匙。

HTML/CSS学习手册

In Views: Valine:

HTML/CSS是web开发人员必须学习的3门语言之二：HTML定义了网页的内容，CSS描述了网页的布局，JavaScript则负责定义网页的行为。

References

网络工具综合学习网站：Runoob。

博文：语法汇总。（包含HTML/CSS/Markdown）

学习 Web 开发 - MDN

HTML 超文本标记语言

HTML（HyperText Markup Language，超文本标记语言）。

颜色

相对于使用rgb(255,255,0)，使用rgba(255,255,0,0.5)可以实现设置颜色透明度的功能，这里的0.5表示透明度，范围0~1。

1
2
3
4
5
6
7
8
9
10
11
12
<p style="background-color:rgba(255,255,0,0.25)">
通过 rbg 值设置背景颜色
</p>
<p style="background-color:rgba(255,255,0,0.5)">
通过 rbg 值设置背景颜色
</p>
<p style="background-color:rgba(255,255,0,0.75)">
通过 rbg 值设置背景颜色
</p>
<p style="color:rgba(255,0,200,0.75)">
通过 rbg 值设置字体颜色
</p>

通过 rbg 值设置背景颜色

通过 rbg 值设置背景颜色

通过 rbg 值设置背景颜色

通过 rbg 值设置字体颜色

颜色表

http://www.runoob.com/html/html-colornames.html 颜色名索引

颜色名 HEX Color
Aqua  #00FFFF  
Blue  #0000FF  
BlueViolet  #8A2BE2  
Chartreuse  #7FFF00  
Cyan  #00FFFF  
DarkOrange  #FF8C00  
DeepPink  #FF1493  
DeepSkyBlue  #00BFFF  
Fuchsia  #FF00FF  
HotPink  #FF69B4  
LawnGreen  #7CFC00  
Gold  #FFD700  
Lime  #00FF00  
MediumSpringGreen  #00FA9A  
Orange  #FFA500  
OrangeRed  #FF4500  
Red  #FF0000  
Purple  #800080  
SpringGreen  #00FF7F  
Violet  #EE82EE  
Yellow  #FFFF00  

表格

列表

无序列表

有序列表

自定义列表

框架（嵌入页）

通过使用框架可以在同一个浏览器窗口中显示不止一个页面。

iframe语法：<iframe src="URL"></iframe>

CSS 样式表

XML 可扩展标记语言 .xml

什么是数据交换语言?

XML 简介

XML（eXtensible Markup Language，可扩展标记语言）。作为一个完整的标记语言，相比JSON的冗余度更高，解析器设计更复杂。但是数据检索和复用上XML更有优势。

XML和HTML很像，但是XML被设计用来传输和存储数据，HTML用来显示数据。

XML没有预定义的标签，而HTML的标签都是标准化的。标签是由 XML 文档的创作者自行发明的。如下所示：

1
2
3
4
5
6
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

其中的<to>, <from>标签并未在任何XML标准中定义过。

XML将数据内容和HTML布局分离，通过JavaScript的简单调用代码读取XML来更新HTML中的数据内容。