大学牲作业：记录第一次写html代码-CSDN博客

本文链接：https://blog.csdn.net/As_Expected/article/details/134221401

本次学习了html文档的简单基本语法，主要内容有：html文档的结构，标题、段落、换行、图片、链接、列表、图表等等。如下：

<!DOCTYPE HTML>
<html>
    <head>
        <title>Report</title>
    </head>
    <body>
        <h1>这是一个标题</h1>
        <h2>这是一个二级标题</h2>
        <p>这是一个文本标签</p>
        <p>这是一个换行符<br>它的效果如下</p>
        <p>1<br>23<br>456<br>78910</p>
        <p>给岁月以文明<br>而不是给文明以岁月</p>
        <p>还有一些细节化处理，例如：</p>
        <p>这是<i>斜体</i>,这是<b>粗体</b>,这是<u>下划线</u></p>
        <p>这是一张图片</p>
        <img src="https://n.sinaimg.cn/spider20230302/652/w950h502/20230302/5faa-c51bf98e99783d765c102a5c0f897b85.jpg">
        <p>修改一下图片的大小</p>
        <img src="https://n.sinaimg.cn/spider20230302/652/w950h502/20230302/5faa-c51bf98e99783d765c102a5c0f897b85.jpg" width="500px"></p>
        
        <a href="https://news.sina.com.cn/gov/xlxw/2023-03-03/doc-imyipzuy7321600.shtml">这是从当前窗口跳转的一个链接<br></a>
        <a href="https://news.sina.com.cn/gov/xlxw/2023-03-03/doc-imyipzuy7321600.shtml"target="_blank">这是新开一个窗口跳转的一个链接</a>
        
        <ol>
            <p>这是一个有序列表(ordered list)</p>
            <li>list item1</li>
            <li>list item2</li>
            <li>list item3</li>
        </ol>

        <ul>
            <p>这是一个无序列表(unordered list)</p>
            <li>list item1</li>
            <li>list item2</li>
            <li>list item3</li>
        </ul>

        <p>这是一个表格：</p>
        <table>
            <thead>
                <tr>行（table row）
                    <td>表头1（table data）</td>
                    <td>表头2</td>
                    <td>表头3</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>111</td>
                    <td>222</td>
                    <td>333</td>
                </tr>
                <tr>
                    <td>111</td>
                    <td>222</td>
                </tr>
            </tbody>
        </table>
        
        <p>给表格加上边框：</p>
        <table border="1">
            <thead>
                <tr>行（table row）
                    <td>表头1（table data）</td>
                    <td>表头2</td>
                    <td>表头3</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>111</td>
                    <td>222</td>
                    <td>333</td>
                </tr>
                <tr>
                    <td>111</td>
                    <td>222</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

演示效果如下：