<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>春晓</h1> <!--HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的. --> <p> <!-- HTML 段落是通过标签 <p> 来定义的. HTML 链接是通过标签 <a> 来定义的.例如：<a href="http://www.runoob.com">这是一个链接</a> HTML 图像是通过标签 <img> 来定义的.例如<img src="/images/logo.png" width="258" height="39" /> HTML 换行是通过标签 <br> 来定义的.
xhtml1.0写法：
<br />
html4.01写法：
<br>
大家注意，现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。
HTML 水平线是通过标签 <hr> 来定义的.在xhtml中用<hr />
HTML 空格是通过 来定义的 --> 春眠不觉晓，<br><hr> 处处闻啼鸟。<br> 夜来风雨声， 花落知多少。 </p> <p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>
<!--
1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。<em>是斜体，<strong>是粗体
2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
-->
<p>1922年的春天，一个想要成名名叫<strong>尼克•卡拉威</strong>（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>
<p><em>菲茨杰拉德</em>，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body> </html>
CSS样式优先级：在style中从上往下读取，id 优先于class， ！important 优先级最高
<style> body { background-color: black; font-family: Monospace; color: green; } #orange-text { color: orange; } .pink-text { color: pink !important; } .blue-text { color: blue; } </style> <h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
颜色既可以用英语单词也可以用 十六机制数字表示或者rgb的方式表示，例如：color:red 或者 color:#FFFFFF 或者color：rgb(0,1,1)括号里的数字是0至255之间。