1

<h2>CatPhotoApp</h2>
<main>
  
  <a href="#"><img src="http://cdn.chenzhicheng.com/relaxing-cat.jpg" alt="一只仰卧着的萌猫"></a>
  
  <p>猫咪最喜欢的三件东西：</p>
  <ul>
    <li>猫薄荷</li>
    <li>激光笔</li>
    <li>千层饼</li>
  </ul>
  <p>猫咪最讨厌的三件东西：</p>
  <ol>
    <li>跳蚤</li>
    <li>打雷</li>
    <li>同类</li>
  </ol>
  <form action="/submit-cat-photo">
    <input type="text" placeholder="猫咪图片地址" required>
    <button type="submit">提交</button>
  </form>
</main>

以此代码为例
1.h2
这是一个标题标签元素
2.main
包含的是主程序字段
3.a
是一个锚点，点击图片即转向锚点指向的位置
4.p
文段
5.ul
无序列表
6.ol
有序列表
7.form
向服务器提交数据的web表单
8.input
属性为“text”即定义了一个输入文本框，require规定不能为空，placeholder是空白占位符
9.button
按钮事件响应

标签：,序列表,猫咪,三件,锚点,提交,千层饼
来源： https://blog.csdn.net/weixin_45018859/article/details/113175541