<!DOCTYPE html>
<html>
  <head></head>
  <body>
    Hello World!
  </body>
</html>
copy

<!DOCTYPE html>
<html>
<head>
<title>HTML Reference</title>
</head>
</html>
copy

<!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="John Doe" />
    <meta http-equiv="refresh" content="30" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
 </html>
copy

<article>
  <h2>Google Chrome</h2>
  <p>
    Google 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 browser developed by Microsoft, released in 2015.
    Microsoft Edge replaced Internet Explorer.
  </p>
</article>
copy

<section>
  <h2>WWF</h2>
  <p>The World Wide Fund for Nature (WWF) is....</p>
</section>
copy

<p>
  My family and I visited The Epcot center this summer. The weather was nice,
  and Epcot was amazing! I had a great summer together with my family!
</p>

<aside>
  <h4>Epcot Center</h4>
  <p>
    Epcot is a theme park at Walt Disney World Resort featuring exciting
    attractions, international pavilions, award-winning fireworks and seasonal
    special events.
  </p>
</aside>
copy

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p>
    Contact information:
    <a href="mailto:someone@example.com"> someone@example.com</a>.
  </p>
</footer>
copy

<details>
  <summary>Copyright 1999-2018.</summary>
  <p>- by Refsnes Data. All Rights Reserved.</p>
  <p>
    All content and graphics on this web site are the property of the company
    Refsnes Data.
  </p>
</details>
copy

<div style="background-color:lightblue">
  <h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</div>
copy

<p>My mother has <span style="color:blue">blue</span> eyes.</p>
copy

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
copy

<p>This is some text in a paragraph.</p>
copy

<p>
  To force<br />
  line breaks<br />
  in a text,<br />
  use the br<br />
  element.
</p>
copy

<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>

<hr />

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
copy

<!--This is a comment. Comments are not displayed in the browser-->

<p>This is a paragraph.</p>
copy

<p>This text contains <sub>subscript</sub> text.</p>

<p>This text contains <sup>superscript</sup> text.</p>

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

<p>
  To learn AJAX, you must be familiar with the XML<wbr />Http<wbr />Request
  Object.
</p>

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>
copy

The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

<address>
  Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br />
  Visit us at:<br />
  Example.com<br />
  Box 564, Disneyland<br />
  USA
</address>

<bdo dir="rtl">
  This text will go right-to-left.
</bdo>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
  For 50 years, WWF has been protecting the future of nature. The world's
  leading conservation organization, WWF works in 100 countries and is supported
  by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

<p>
  WWF's goal is to:
  <q>Build a future where people live in harmony with nature.</q>
  We hope they succeed.
</p>
copy

有序列表

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
copy

无序列表

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
copy

定义列表

<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>
copy

超链接

<a href="https://www.bing.com">Visit Bing!</a>
copy

html5图像

<img
  src="https://pic1.zhimg.com/v2-e327160ba23d1bc7c457b63798b85a69_1200x500.jpg"
  alt="Smiley face"
  height="420"
/>
copy

html5音视频

<audio controls>
  <source src="horse.ogg" type="audio/ogg" />
  <source src="horse.mp3" type="audio/mpeg" />
  Your browser does not support the audio tag.
</audio>
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>
copy

Google Chrome

Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!

Microsoft Edge

Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.

WWF

The World Wide Fund for Nature (WWF) is....

My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!

All content and graphics on this web site are the property of the company Refsnes Data.

This is a heading

This is a paragraph.

My mother has blue eyes.

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

This is some text in a paragraph.

To force
line breaks
in a text,
use the br
element.

HTML

HTML is a language for describing web pages.....

CSS

CSS defines how to display HTML elements.....

This is a paragraph.

This text contains _subscript text.

This text contains ^superscript text.

My favorite color is ~~blue~~ red!

To learn AJAX, you must be familiar with the XMLHttpRequest Object.

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks

The WHO was founded in 1948.

Written by Jon Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

This text will go right-to-left.

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

WWF's goal is to: Build a future where people live in harmony with nature. We hope they succeed.

Coffee
Tea
Milk

Coffee
Tea
Milk

Coffee
Tea
Milk

Coffee: Black hot drink
Milk: White cold drink

Visit Bing! Smiley face