项目6 文本与段落标记的应用

Westlich_

已于 2023-11-18 16:20:09 修改

阅读量85

点赞数

分类专栏： Web前端开发技术实验与实践文章标签： html5 web visual studio code

于 2023-11-18 16:18:55 首次发布

本文链接：https://blog.csdn.net/m0_64740343/article/details/134478941

版权

Web前端开发技术实验与实践专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.实训内容

标题字的使用
两种注释方法的使用
字体标记的应用
文本、段落标记及其属性的应用

2.效果展示

3.相关代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化文本信息</title>
    <style>
        
    </style>
</head>
<body>
    <!--1.标题字的应用-->
    <strong>1.标题字的应用</strong>
    <h1 align="center">XX是全国就业薪酬涨幅最大专业</h1>
    <h4 align="left">XX是全国就业薪酬涨幅最大专业</h4>
    <h5 align="right">XX是全国就业薪酬涨幅最大专业</h5>
    <hr color="#ff3333">
    <!--2.段落、字体标记应用-->
    <strong>2.段落、字体标记应用</strong>
    <p><font face="隶书" size="5" color="blue">&nbsp;&nbsp;&nbsp;&nbsp;网页的本质就是超级文本标记语言，通过结合使用其他的web技术（如脚本语言、
        公共网络接口、组件等），可以创造出强大的网页。</font></p>
    <!--3.文本标记应用-->
    <strong>3.文本标记应用</strong>
    <p align="center"><strong>2x<sup>2</sup>+3x=9</strong>&nbsp;&nbsp;
        &nbsp;&nbsp;X<sub>1</sub>+X<sub>2</sub>=10</p>
    <address align="center">地址：江苏省南京市珠江路1924号</address>
    <blockquote>超级文本标记语言是通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是
        一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如文字如何处理、画面如何安排、图片如何显示等。</blockquote>
    <!--4.其他排版标记应用-->
    <strong>4.其他排版标记应用</strong>
    <pre><font size="7">春思</font>
    <font size="5">李白
        燕草如碧丝，秦桑低绿枝
        当君怀对日，是妾断肠时
        春风不相识，何事入罗帏
        【评析】：这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物起兴，写独处秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，
    盼望他早日归来。三、四两句由开头两句生发而来，继续写燕草方碧，夫君必定思归怀己，此时秦桑已低，妾已断肠，进一层表达了思妇之情。五、
    六两句，以春风掀动罗帏时，思妇的心理活动来表达她对爱情忠贞不二的高尚情操。
        全诗以景寄情，委婉动人。
    </font></pre>
    <hr color="#ff00ff" size="3">
</body>
</html>