# 基础

1. 一个元素的基本概念
![[Pasted image 20230302133404.png]]


# 元数据

设置页面描述
 <meta name="description" content="">


# 基本元素

段落: <p>

标题: <H1>~<H6>

粗体: <i>或者<strong>

斜体: <em>

列表:

  1. 有序 <ol><li><li></ol>
  2. 无序 <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>

# 格式化标签

版权: &copy;

空格: &nbsp;