<!DOCTYPE>
<html>
<head></head>
<body>
hello world!
</body>
</html>
copy
将页面添加到收藏夹时为其提供标题
<meta>标记始终位于<head>元素内，并且它们提供有关 HTML 文档的元数据。
<pre><code><!DOCTYPE>
<html>
<head>
<title> HTML Reference</tile>
<meta name="keywords" content="HTML,CSS,JavaScript"/>
<meta name="description" content="Free web tutorials for HTML and CSS"/>
<meta name="author" content ="WangTaoTao"/>
<meta http-equiv="refresh" content="30"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
</head>
<body>
hello world!
</body>
</html>
</code></pre>
<p>实验图片
<img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200430-1588205419669" alt="image.png"></p>
<p>在index.html文件中实验<header>标签
代码如下：
（定义在<body></body>内部）</p>
<pre><code><!DOCTYPE html>
<html>
<head>
<title> HTML Reference </title>
<meta name="keywords" content="HTML,CSS,JavaScript"/>
<meta name= "description" content="Free web tutorials for HTML and CSS"/>
<meta name="author" content="Wangtaotao"/>
<meta http-equiv ="refresh" content ="30"/>
<meta name="viewport" content="woidth=device-wodth,initial-scale=1.0" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<head>
<body>
hello world!
<article>
<header>
<h1>Most important heading here</h1>
<h2>Less important heading here</h2>
<p>Some additional information here </p>
</header>
</article
</body>
</html>
</code></pre>
<p>运行结果
<img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200502-1588374214235" alt="image.png"></p>
<pre><code> <nav>
<a href="/html">HTML</a> |<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jquery</a>
</nav>
</code></pre>
<p>运行结果：</p>
<p><img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200502-1588375948144" alt="image.png"></p>
<pre><code> <article>
<h2>Google Chrome</h2>
<p>
Goole Chrome is a web browser developed by Google, released in 2008,Chrome
is the world's most popular web browser today!
</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>
Microsoft Edge is a web brower develop by Microsft, released in 2015,
Microsft Edge replaced Internet Explorer.
</p>
</aritcle>
</code></pre>
<p>运行结果：</p>
<p><img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200502-1588376370239" alt="image.png"></p>
<h2>这里添加标题</h2>
<p>这里是换行解释</p>
<pre><code> <section>
<h2>WWF</h2>
<p>The world Wide Fund for Nature(wwf) is ...</p>
</section>
</code></pre>
<p>运行结果：
<img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200502-1588376587626" alt="image.png"></p>
<aside>放置内容以外的内容
<pre><code><footer>
<p>Posted by :Hege Refsnes</p>
<p>
Contact information:
<a href="mailto:someone@example.com">283120585@qq.com </a>
</p>
</footer>
</code></pre>
<p>运行结果：
<img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200502-1588377382388" alt="image.png"></p>
<p><detials>可以点击<summary>
出现<p>
<img src="https://dn-simplecloud.shiyanlou.com/courses/uid1370512-20200502-1588377854053" alt="image.png"></p>
<div>
可以设置蓝色背景
<span>
可以设置在<p></p>内部 
