学习日记 2018/7/19-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_42707540/article/details/81122161

本文介绍了HTML的基本用法，包括如何创建简单的网页结构、设置文本格式、添加链接等，并提供了实践案例和参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天学习了初步制作html网页成果如下还需多加练习

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>W3school</title>
        <style type="text/css">
            a:link {color:#AE0000}    /*未被访问*/ 
            a:visited {color:#FF2D2D} /* 已被访问过的*/ 
            a:hover {color:#FF2D2D}    /* 鼠标悬浮时的*/ 
            a:active {color:#FF2D2D}   /* 鼠标点中后的*/ 
        </style>
    </head>
    <body>
        <h1>HTML 教程</h1>
        <div>
            <a href="http://www.w3school.com.cn/html/index.asp"><button type="button" title="HTML教程" style="width:105px;height:29px;">◀  上一节
                </button></a>
            <a href="http://www.w3school.com.cn/html/html_jianjie.asp"><button type="button" title="HTML链接" style="width:105px;height:29px;margin-left:6px">下一节  ▶
                </button></a>
        </div>&nbsp;<hr />
        <div>
            <h4>HTML 教程</h4>
            <h4>在本教程中，你将学习如何使用 HTML 来创建站点。</h4>
            <h4>HTML 很容易学习！你会喜欢它的！</h4>
        </div>
        <span>
            <a href="http://www.w3school.com.cn/html/html_jianjie.asp">现在开始学习 HTML</a> !
        </span><hr style="margin-top:20px" />
        <div>
            <h4>HTML 实例</h4>
            <p>学习 100 个实例！使用我们的编辑器，你可以编辑 HTML，然后点击测试按钮来查看结果。</p>
            <a href="http://www.w3school.com.cn/example/html_examples.asp">
                <button type="button" title="HTML实例" style="background-color:#ff7575;width:134px;height:36px;color:#FFFFFF;border:0px">亲自试一试吧！
                </button>
            </a>
        </div><hr style="margin-top:20px" />
        <div>
            <h4>HTML 测验</h4>
            <p>在 W3School 测试你的 HTML 技能！</p>
            <a href="http://www.w3school.com.cn/html/html_quiz.asp">开始HTML测验！</a>
        </div><hr style="margin-top:20px" />
        <div>
            <h4>HTML参考手册</h4>
            <p>在 W3School，我们提供完整的 HTML 参考手册，其中包括标签、属性、颜色、实体等等。</p>
            <a href="http://www.w3school.com.cn/tags/index.asp">HTML5参考手册</a>
        </div><hr style="margin-top:20px;"/>
        <div>
            <a href="http://www.w3school.com.cn/html/index.asp">
                <button type="button" title="HTML文本格式化" style="margin-top:20px;width:105px;height:29px">◀  上一节
                </button></a>&nbsp;
            <a href="http://www.w3school.com.cn/html/html_jianjie.asp">
                <button type="button" title="HTML链接" style="margin-top:20px;width:105px;height:29px">下一节  ▶
                </button></a>
        </div>&nbsp;<hr />
    </body>
</html>