前端常见标签

(List Item)：定义列表中的一个项目（项）

(Unordered List)：定义无序列表

(Ordered List)：定义有序列表
(Anchor Tag)：定义超链接



<ul>
    <li>苹果li>
    <li>香蕉li>
    <li>橙子li>
ul>

• 苹果
• 香蕉
• 橙子



<ol>
    <li>步骤一li>
    <li>步骤二li>
    <li>步骤三li>
ol>

1. 步骤一
2. 步骤二
3. 步骤三



<a href="https://example.com">访问示例网站</a>

访问示例网站



<ul>
    <li>
        新闻资讯
        <ul>
            <li><a href="http://www.people.com.cn/">人民日报a>li>
            <li><a href="http://www.gmw.cn/">光明日报a>li>
        ul>
    li>

    <li>
        搜索引擎
        <ul>
            <li>
                雅虎
                <ul>
                    <li><a href="http://www.yahoo.com/">雅虎a>li>
                    <li><a href="http://www.yahoo.co.jp/">雅虎日本a>li>
                ul>
            li>
            <li><a href="http://www.excite.com/">Excitea>li>
            <li><a href="http://www.google.com/">谷歌a>li>
        ul>
    li>
ul>

• 新闻资讯
  • 人民日报
  • 光明日报
• 搜索引擎
  • 雅虎
    • 雅虎
    • 雅虎日本
  • Excite
  • 谷歌




到

共6个不同级别的标题，其中

是最重要的（级别最高），而

是最不重要的（级别最低）

<h1>欢迎来到我们的网站！h1>
<h2>欢迎来到我们的网站！h2>
<h3>欢迎来到我们的网站！h3>
<h4>欢迎来到我们的网站！h4>
<h5>欢迎来到我们的网站！h5>
<h6>欢迎来到我们的网站！h6>

欢迎来到我们的网站！

欢迎来到我们的网站！

欢迎来到我们的网站！

欢迎来到我们的网站！

欢迎来到我们的网站！

欢迎来到我们的网站！




---

标签表示水平线（Horizontal Rule），它在网页中创建一条水平分割线，通常用于视觉上划分内容区域或段落。

<hr>

---



：全称为 Table Row（表格行）
：全称为 Table Data Cell（表格数据单元格）

<table>
    <caption>2023年第一季度员工销售业绩表caption>
    <thead>
        <tr>
            <th>姓名th>
            <th>部门th>
            <th>销售额（元）th>
        tr>
    thead>
    <tbody>
        <tr>
            <td>张三td>
            <td>销售部td>
            <td>500,000td>
        tr>
        <tr>
            <td>李四td>
            <td>市场部td>
            <td>450,000td>
        tr>
        
    tbody>
table>

2023年第一季度员工销售业绩表

姓名	部门	销售额（元）
张三	销售部	500,000
李四	市场部	450,000