属性 attribute

developer.mozilla.org/en-US/docs/… 全局属性
developer.mozilla.org/en-US/docs/… 特定属性
写在起始标签

基础标签

列表 ul ol li

<!-- Lists -->
        <!-- unorder list -->
        <ul>
            <li>List Item 1</li>
            <li>List Item 2</li>
            <li>List Item 3</li>
            <li>List Item 4</li>
            <li>List Item 5</li>
            <li>List Item 6</li>
        </ul>


        <!-- order list -->
        <ol>
            <li>List Item 1</li>
            <li>List Item 2</li>
            <li>List Item 3</li>
            <li>List Item 4</li>
            <li>List Item 5</li>
            <li>List Item 6</li>
        </ol>

表格 table thead tr th tbody tr td

<!-- Table -->
        <table>
            <thead>
                <!-- table row -->
                <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Age</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <!-- table data -->
                    <td>Louis</td>
                    <td>wxl</td>
                    <td>22</td>
                    <td>louis_wxl@outlook.com</td>
                </tr>
                <tr>
                    <!-- table data -->
                    <td>Louis</td>
                    <td>wxl</td>
                    <td>22</td>
                    <td>louis_wxl@outlook.com</td>
                </tr>
                <tr>
                    <!-- table data -->
                    <td>Louis</td>
                    <td>wxl</td>
                    <td>22</td>
                    <td>louis_wxl@outlook.com</td>
                </tr>
            </tbody>
        </table>

表单 form

<!-- Forms -->
        <form action="form.js" method="post">
            <div>
                <label>First name</label>
                <input type="text" name="firstname" placeholder="Enter First Name">
            </div>
            <div>
                <label>Last Name</label>
                <input type="text" name="lastname" placeholder="Enter Last Name">
            </div>
            <div>
                <label>Email</label>
                <input type="email" placeholder="Enter Email">
            </div>
            <input type="submit" name="submit" value="Submit">
        </form>

按键 button

<!-- Button -->
        <button>This is a Button</button>

图片 img

<!-- Image -->
        <img style="width: auto;" src="img/img.jpg" alt="This is a img tag">
        <!-- 文件夹img下图片 通过style调整大小 alt为找不到该图时显示的内容 -->

引言 blockquote

<!-- Quotion -->
        <blockquote>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse adipisci autem placeat modi a ab tempore optio veniam. Numquam odio rerum magnam libero eius id ut, itaque quia dolore.</blockquote>

缩写说明 abbr

<p><abbr title="Central South University (CSU) is situated in Changsha, a famous historical and cultural city in Hunan, China, and covers an area of 2,760,000 m2, with its campuses distributed on the east and west of Xiangjiang River. Backed by the majestic Yuelu Mountain and facing the grand Xiangjiang River, CSU has pleasing scenery and is ideal for study and research.">CSU</title></abbr> is a good collage</p>

引用说明 cite

<p><cite>CSU is a good collage</cite> by xxx</p>

进阶提高 查阅文档

文档

TIps 快捷技巧Tips 快捷技巧

VSCode

CTRL + ？ -快捷注释
shift + alt + 方向键 -快速复制
alt + 方向键 -调整位置
alt + b - 默认浏览器打开