作业/20230113
一、HTMl文档结构
<!--文档类型--><!DOCTYPE html><!--html根元素，渲染起点入口--><!--根据lang属性设置不同语言--><html lang="zh-cn"><!--头元素--><head><!--页面编码--><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></head><!--页面主体--><body><p>内容</p></body></html>
二、布局元素
<div class="article header">标题</div><p class="article main">内容</p>
三、图文语义化方案
<figure><a href="https://php.cn"><img src="https://img.php.cn/xxx.png" alt="二十二期前端开发" /></a><figcaption>第二十二期前端开发</figcaption></figure>
四、图像、链接、列表元素
<!--1.图像--><img src="https://xxxx.com/1.jpg" alt="xxx"><!--2.链接--><a href="https://php.cn" target="_blank">php中文网</a><!--3.列表、无序、有序--><ul><li>无序列表</li></ul><ol><li>有序列表</li></ol>
总结
通过本次学习了解了HTML的结构文档，标签div、img、p、a、ul、ol、dl+dt+dd标签
但是疑惑的是（演示布局元素,重点是 tag+class）不知道该如何演示它，能了解其中的意思
