<!DOCTYPE html>
<!--en是 英文"zh-cn" 是中文-->
<html lang="en">
<!-- 头元素,内容给浏览器看 -->
<head>
<!-- 字符编码集 -->
<meta charset="UTF-8" />
<!-- "viewport"表示当前视口是浏览器的可视区域,视口一般小于文档。 -->
<!-- "width=device-width,initial-scale=1.0"内容宽等于设备宽,是等比宽 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 页面标题 -->
<title>Document</title>
</head>
<!-- 主体元素是用户看到的 -->
<body>
<!-- 元素用标签描述,标签用属性描述 div是元素,后面的是属性 -->
<div width="200px" height="200px" style="font-size: 35px; color: red;">
你好
</div>
语义化标签
<address>中国</address>
<time>五月</time>
<progress value="80" max="100">进度</progress>
<main>主体</main>
<nav>导航</nav>
<aside>边栏</aside>
<abbr>缩写</abbr>
<cite>书籍或杂志的标题</cite>
<figure>规定独立的流内容</figure>
<a style="color:red;"> 链接元素</a>
<dl>书籍</dl>
<dt>美德</dt>
<dd>美德故事</dd>
<ul>
<li> 水果 </li>
<li>蔬菜</li>
<li>衣服</li>
</ul>
<ol>
<li>一</li>
<li>二</li>
<li>三</li>
<li>四</li>
</ol>
</body>
</html>