web前端开发入门，html学习笔记（二）

最新推荐文章于 2024-05-18 11:09:56 发布

kikidod

最新推荐文章于 2024-05-18 11:09:56 发布

阅读量93

点赞数

文章标签：前端 html 学习

本文链接：https://blog.csdn.net/kikidod/article/details/124869395

版权

一、段落

。。。其中。。。是段落的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>标题
        <hr>
    <!-- <hr>是分割线 -->
    <p>你好，我是李华。 <br>是一名大二学生。</p>
    <!-- <br>换行 -->
    <p>我正在学习html的使用。</p>
    <p>当前的经济形势在波动中实现平稳增长、稳中有进，稳中向好，目前我国经济的发展现状是投资、消费和出口增长都比较稳定。中西部经济增长速度快于东部地区，农民收入增幅高于城镇居民收入增幅;内需对经济的增长的贡献度提高，单位国内生产总值能耗下降，经济发展实现了量的扩展与质的提升。但是，经济回升的基础还不稳固，消费需求的扩张力不够强劲，投资的接续能力不足，出口面临的国际环境偏紧，结构性矛盾依旧突出，消化过剩的产能，节能减排的压力还比较大;地方政府债务和国际金融风暴有待化解和防范。</p>
</body>
</html>

这段代码的运行结果是

标题之后就自动换行了。并且每个。。。表示一段，自然也换行了。

二、文本格式化标签

加粗

也是加粗

下划线

<ins>也是下划线</ins>

倾斜

也是倾斜

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <b>加粗</b>
    <br>
    <strong>也是加粗</strong>
    <br>
    <u>下划线</u>
    <br>
    <ins>也是下划线</ins>
    <br>
    <i>倾斜</i>
    <br>
    <em>也是倾斜</em>
    <br>
    <s>删除</s>
    <br>
    <del>也是删除</del>

</body>
</html>

运行结果如下

并且两个文本标签可以同时存在


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <b><u>加粗</u></b>
</body>
</html>

结果如下

kikidod

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端开发入门，html学习笔记（二）

一、段落。。。其中。。。是段落的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i
复制链接

扫一扫