# 基础
1. 一个元素的基本概念
![[Pasted image 20230302133404.png]]
# 元数据
设置页面描述 <meta name="description" content="">
# 基本元素
段落: <p>
标题: <H1>~<H6>
粗体: <i>或者<strong>
斜体: <em>
列表:
- 有序 <ol><li><li></ol>
- 无序 <ul><li><li></ul>
超链接: <a href target>link</a>
锚点:src 填写一个 #ID 可以快速链接过去
图片: <img src="" alt="" />
表格:
| <table> | |
|   <thead> | |
|     <tr> | |
| <td>ID</td> | |
| <td>用户名</td> | |
| <td>密码</td> | |
|     </tr> | |
|   </thead> | |
|   <tbody> | |
|     <tr> | |
| <th>1</th> | |
| <td>user</td> | |
| <td>pas</td> | |
|     </tr> | |
|   </tbody> | |
| </table> | 
输入框:
| <form action> | |
| <lable for="ex"></lable> | |
|   <input id="ex" type="?" placeholder required /> | |
| </form> | |
| ` | 
选择框:
| <select> | |
| <option value="xxx"></option> | |
| </select> | |
| //这里的value 是在JavaScript中可以获得的数据 | 
# 语义化标签
可以使用不带有任何语义的 Div 框 但是在 HTML5 中 我们尽可能的使用带有语义的标签
导航: <nav>
元素: <section> 任何元素的通用化部分
头部: <header>
页脚: <footer>
文章: <article>
次要信息 侧边栏: <aside>
图表: <figure>
别人说的话: <blockquote>
# 格式化标签
版权: ©
空格:  

