-

内联元素
》通常在块级元素内
》不会导致文版换行
》值占必要的部分宽度
超链接 图片 斜体 加粗

Lorem

生成一个段落

Lorem10

生成一个10个单词的段落

Lorem100

生成一个100个单词的段落

去百度 会关闭当前窗口去到百度的窗口
去百度 不会关闭当前窗口，另起窗口去到百度的窗口

集合类型Lists

 <!--带有实心点 -->
        <ul>
            <li>元素1</li>
            <li>元素2</li>
            <li>元素3</li>
            <li>元素4</li>
            <li>元素5</li>
        </ul>
        <!--带有编号-->
        <ol>
            <li>元素1</li>
            <li>元素2</li>
            <li>元素3</li>
            <li>元素4</li>
            <li>元素5</li>
        </ol>

Table

          <table>
            <thead>
                <tr>
                    <th>性别</th>
                    <th>名字</th>
                    <th>年龄</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>男</td>
                    <td>张三</td>
                    <td>18</td>
                </tr>
                <tr>
                    <td>男</td>
                    <td>李四</td>
                    <td>20</td>
                </tr>
            </tbody>
        </table>

换行

---

加一条下划线
按钮
src图片路径 alt当找不到图片时的提示

显示一段文字

University is from china

当鼠标放在university时，会显示title中的内容。

This is from china

标签内的内容会有一定的样式

表

<form action="/login" method="post">
            <div>
                <label>姓名</label>
                <input type="text" name="name" placeholder="请输入姓名"></input>
            </div>
            <div>
                <label>性别</label>
                <input type="text" name="sex" placeholder="请输入性别"></input>
            </div>
            <div>
                <label>年龄</label>
                <input type="text" name="age" placeholder="请输入年龄"></input>
            </div>
            <div>
                <label>邮箱</label>
                <input type="email" name="email" placeholder="请输入邮箱"></input>
            </div>
        </form>