# 基础
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>
# 格式化标签
版权: ©
空格: