html代码实训报告

在我的HTML课程中，我学习了如何使用HTML标记语言创建网页。为了更好地理解这个过程，我参加了一次HTML代码实训活动，并在此报告我的学习成果。

该活动涵盖了许多HTML标记的基本用法，如标题、段落、链接和图片等。在学习过程中，我还学习了如何创建表格和表单以及如何使用CSS样式表来控制网页的外观和布局。

以下是我在实训过程中完成的HTML代码样例。请注意，代码使用了pre标签以便更清晰地展示。

!DOCTYPE html>
    html>
    head>
        meta charset="UTF-8">
        title>
    我的网页/title>
        link rel="stylesheet" href="style.css">
    /head>
    body>
        h1>
    欢迎来到我的网页！/h1>
        p>
    以下是我最喜欢的动物的清单：/p>
        ul>
            li>
    猫/li>
            li>
    狗/li>
            li>
    兔子/li>
        /ul>
        p>
    以下是一张图片：/p>
        img src="image.jpg" alt="图片">
        table>
            tr>
                th>
    姓名/th>
                th>
    性别/th>
                th>
    年龄/th>
            /tr>
            tr>
                td>
    张三/td>
                td>
    男/td>
                td>
    25/td>
            /tr>
            tr>
                td>
    李四/td>
                td>
    女/td>
                td>
    30/td>
            /tr>
        /table>
        form>
            label for="name">
    姓名:/label>
            input type="text" id="name" name="name">
            br>
            label for="email">
    邮箱:/label>
            input type="email" id="email" name="email">
            br>
            input type="submit" value="提交">
        /form>
    /body>
    /html>
    

在这个样例中，我使用了HTML的一些基本标记来创建一个简单的网页，并使用CSS样式表来为其添加样式和布局。我学会了如何使用标记来定义标题、文本、列表、表、表单和图像等元素。这些元素可以组合起来创建出令人印象深刻的网页。

总之，HTML的学习可能有些令人生畏，但是通过实践和不断的练习，我相信我将在这方面取得更进一步的进展。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！