<! DOCTYPE HTML>
<HTML lang = "zh-CN">
<head>
<Meta charset = "UTF-8">
<title> My first website </ title>
</ head>
<! - 1. The label recommends that all lowercase ->
<body>
Welcome to my page!
<! - attribute quotes ->
<div class = "AA" ID = "DIV1"> </ div>
<! - paired tag label should be closed in pairs, plus a single label at the end of "/" ->
<br />
<-! Img tag plus alt attribute ->
<img src = "ImagesRF Royalty Free / 001.jpg" alt = "screenshot of learning">
& Nbsp; <- space character -!>
<br />
5>3<!-- 5大于3 -->
<br />
1<2<!-- 1小于2 -->
<Span> tag within the span line element representing the contents of a short line, there is no specific semantic </ span>
<Em> element within the em tag line, word for emphasis in the tone </ em>
<I> tag within the i-line elements, had no semantic, w3c semantic imposed, expressed vocabulary </ i>
<B> element within the b tag line, had no semantic, w3c semantic imposed, represent key words or product names </ b>
<Strong> the strong tag line element representing very important element </ strong>
<a href="#"></a> <!-- # 表示链接到页面顶部 -->
<a href="http://www.itcast.cn/" title="跳转的传智播客网站">传智播客</a> Within the definition of page scrolling jump
<a href="#mao1">标题一</a>
......
......
<h3 id="mao1">跳转到的标题</h3>
</body>
</html>