Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:完成的很好,看起来很认真,继续加油
<!DOCTYPE html>
<html lang="zh-CN">
<head>是给开发者看的,属于一个头元素,搜索引擎seo
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- height身高,weight体重,bwh三围 -->
<girl-fiend height="170" weight="110" bwh="88.86.84"> 朱老师</girl-fiend>
<!-- 元素:老师-->
标签:<girl-fiend>
属性:height身高,weight体重,bwh三围(bust胸部,waist腰部,hips臀部)
预制标签:w3c制定,各家浏览器实现
<input type="text" value="admin">
<img src="url" alt="图片不显示,显示文字">
<link rel="stylesheet" href="css">
单标签:外部资源的占位符,空标签
预定义标签:<h1> <input><div><ul>
预定义属性:id,class,style,src,type,value,name...
自定义标签:<girl-friend>
自定义属性:height,weight,bwh(bust,waist,hips)
标准化自定义属性:“data-”自定义属性前缀 -->
<h1 id="uname" data-email="qq@qq.com">文本</h1>
<div class="header">页眉</div>
<div class="main">主体</div>
<div class="footer">页脚</div>
<header>页眉</header>
<main>主体</main>
<footer>页脚</footer>
<div class="article header">页眉</div>
<div class="article main">主体</div>
<div class="article footer">页脚</div>
<style>
.article.header {
color: green;
}
</style>
<div class="box">
<img src="url" alt="php中文网">
emmet:
<p class="tetle">前端开发</p>
</div>
<figure>
<a href="">
<img src="url" alt="php中文网钟老师">
</a>
<figcaption>php中文网22期教学</figcaption>
</figure>
<a href="https://php.cn">钟老师</a>
_self
当前窗口
<a href="https://php.cn" target="_blank">
<button>登陆</button>
</a>
<a href="https://php.cn">
<imgsrc="https://img.php.cn/upload/webcode/000/887/227/63bf9e0e37573421.png" alt="二十二期前端开发">
</a>
ul>li{item$}*6
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
<li>item6</li>
</ul>
ul>li*5>a{link$}
<ul>
<li><a href="demo1.html">link1</a></li>
<li><a href="demo2.html">link2</a></li>
<li><a href="demo3.html">link3</a></li>
<li><a href="demo2.html">link4</a></li>
<li><a href="demo2.html">link5</a></li>
<li><a href="demo2.html">link6</a></li>
</ul>
ol>li{item$}*5
<ol>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
</ol>
dl
dt
dd
<dl>
<!-- 标题 -->
<dt>1/13作业</dt>
<!-- 描述内容 -->
<dd>完成作业</dd>
</dl>