思维之海

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

HTML/CSS学习手册

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中的数据内容。