某些 HTML 元素具有空内容（empty content）

空元素在开始标签中进行关闭（以开始标签的结束而结束）

大多数 HTML 元素可拥有属性

  • 文本显示 
<b>这个文本是加粗的</b>

<strong>这个文本是加粗的</strong>

<em>这个文本是斜体的</em>

<i>这个文本是斜体的</i>

<sub>下标</sub>

<sup>上标</sup>
<pre>
此例演示如何使用 pre 标签
对空行和    空格
进行控制
</pre>

普通的话空多少行和多少个空格都当做一个空格。
用pre的话将照原来的格式输出。

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

鼠标移到上面会显示完整的信息。

<p>你们是真的皮。</p>  
<p><bdo dir="rtl">你们是真的皮</bdo></p>

一个从左到右输出，一个从右到左输出。

<p>你一会看云，一会看我
<br>
<q>我觉得</q>
<br>
你看云很近，看我却很远</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程1!</a>
<br>
<br>
<a href="http://www.runoob.com/"target = "_self" >访问菜鸟教程2!</a>

第一个会在新窗口里打开，第二个会在在本身的窗口中覆盖掉自己原先的内容。

在当前页面链接到指定位置。

链接方指定要达到的位置的id

到达位置要有一个id。

CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用”style” 属性
内部样式表 -在HTML文档头部 区域使用

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<h1>我的第一个 JavaScript </h1>

<p id="demo">
JavaScript 可以触发事件，就像按钮点击。</p>

<script> function myFunction() { document.getElementById("demo").innerHTML="Hello JavaScript!"; } </script>

<button type="button" onclick="myFunction()">点我</button>

</body>
</html>