html巩固练习之常用标签的使用

又见蓝翔

于 2017-03-14 09:23:48 发布

阅读量343

点赞数

分类专栏： HTML 文章标签：原创 HTML csdn

本文链接：https://blog.youkuaiyun.com/qq_23901235/article/details/62036973

版权

HTML 专栏收录该内容

7 篇文章

订阅专栏

本文档通过HTML页面展示了多个学科的基本知识点，包括文学作品《三国演义》、勾股定理、英语习语“Nopain,nogain.”、硫酸的用途以及经济领域的基本符号。

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

一：打开vs2017，新建项目ASP.NET Web应用程序，

二：鼠标右键点击新建的项目，添加新建项HTML页（visual C#）

三：编辑代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>各科小常识</title>
</head>
<body>
    <h1>各科小常识</h1>
    <hr/>
    <div>
        <h3>语文</h3>
        <p>
            《三国演义》中国古典四大名著之一。元末明初小说家罗贯中所著，是中国第一部长篇章回体历史演义小说。
            <br />
            描写了从东汉末年到西晋初年之间近100年的历史风云
        </p>
        <hr />
    </div>
    <div>
        <h3>数学</h3>
        <p>勾股定理直角三角形：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>。</p>
        <hr />
    </div>
    <div>
        <h3>英语</h3>
        <p>No pain,no gain.</p>
        <hr />
    </div>
    <div>
        <h3>化学</h3>
        <p>H<sub>2</sub>SO<sub>4</sub>是一种重要的工业原料。可用作制作肥料、洗涤剂等。</p>
        <hr/>
    </div>
    <div>
        <h3>经济</h3>
        <p>
            经济符号：$
            <br />
            注册商标：@
        </p>
    </div>
</body>
</html>

四：用浏览器打开程序出现以下效果