首页 > 其他分享 >HTML常用标签(第四课)

HTML常用标签(第四课)

时间:2024-09-27 22:19:30浏览次数:11  
标签:第四课 外婆 十三 标签 AI HTML 小卖部 我们

 清楚认识标签的语义,即标签的含义,以便在合适的地方写上合理的标签,让网页结构更加清晰

目录

一、标题标签

二、段落标签

三、换行标签

​综合案例

四、文本格式化标签

五、div标签和span标签

六、图像标签

七、图片路径

八、超链接标签

九、注释标签

十、特殊字符

综合案例


一、标题标签

使网页更加具有语义化,html提供了6个等级的标题标签供我们使用,即<h1>——<h6>

ps:h为head的缩写,意为头部、标题

标签语义:做为标题使用

特点:①一个标签独占一行

           ②加了标题文字会变粗,且字号是从<h1>——<h6>递减

例:

<body>
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
</body>

二、段落标签

在网页中,使文字更加有条理的显示出来,对文字进行分段,即<p>可以用来定义段落

ps:p为paragraph的缩写,意为段落

标签语义:可以把html分为若干段落

特点:①段落与段落之间有空隙

           ②文本在一个段落中会根据浏览器窗口大小自动调节换行

例:

<body>

    <p>在当今的 AI 时代,科技的浪潮以前所未有的态势席卷全球。AI 正以惊人的速度改变着我们的生活和工作方式。在日常生活中,智能语音助手随时响应我们的指令,为我们提供信息、播放音乐、设置提醒,让生活更加便捷高效。智能家居系统利用
        AI技术,实现设备的自动化控制,为我们打造舒适、安全的居住环境。在医疗领域,AI 辅助诊断系统能够快速准确地分析医学影像,帮助医生发现疾病隐患,提高诊断的准确性和效率。同时,AI
        还在药物研发、医疗数据分析等方面发挥着重要作用,为人类的健康事业带来新的希望。
    </p>
    <p>教育领域也因 AI 而发生着深刻变革。个性化的学习平台通过分析学生的学习数据,为每个学生量身定制学习计划,提供精准的学习资源和辅导,实现因材施教。智能教育机器人可以与学生互动交流,解答问题,激发学生的学习兴趣。
    </p>
    <p>工业领域中,AI 驱动的自动化生产线大大提高了生产效率和产品质量。智能机器人能够完成复杂的生产任务,减少人力成本和人为误差。同时,AI 还在工业设备的预测性维护、供应链管理等方面发挥着重要作用,提升企业的竞争力。
        然而,AI 时代也带来了一系列挑战。数据隐私和安全问题成为人们关注的焦点,如何确保 AI
        系统在处理大量数据时保护用户的隐私,防止数据泄露和滥用,是亟待解决的问题。此外,AI技术的发展也可能导致部分工作岗位的消失,引发就业结构的调整,需要我们提前做好应对措施,加强职业培训和教育,提升人们的数字技能和综合素质。
    </p>

</body>

三、换行标签

在网页中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才会自动换行,但html提供了可强制文本换行标签,即<br/>   为单标签

ps:br为break的缩写,意为换行,打断

标签语义:可以使文本文字强制换行

特点:①开始新的一行

           ②行之间没有段落与段落之间的垂直间隙

例:

<body>

    <p>在当今的 AI 时代,科技的浪潮以前所未有的态势席卷全球。
        <br />AI 正以惊人的速度改变着我们的生活和工作方式。
        <br />在日常生活中,智能语音助手随时响应我们的指令,为我们提供信息、播放音乐、设置提醒,让生活更加便捷高效。智能家居系统利用
        AI技术,实现设备的自动化控制,为我们打造舒适、安全的居住环境。在医疗领域,AI 辅助诊断系统能够快速准确地分析医学影像,帮助医生发现疾病隐患,提高诊断的准确性和效率。同时,AI
        还在药物研发、医疗数据分析等方面发挥着重要作用,为人类的健康事业带来新的希望。
    </p>
    <p>教育领域也因 AI 而发生着深刻变革。个性化的学习平台通过分析学生的学习数据,为每个学生量身定制学习计划,提供精准的学习资源和辅导,实现因材施教。智能教育机器人可以与学生互动交流,解答问题,激发学生的学习兴趣。
    </p>
    <p>工业领域中,AI 驱动的自动化生产线大大提高了生产效率和产品质量。智能机器人能够完成复杂的生产任务,减少人力成本和人为误差。同时,AI 还在工业设备的预测性维护、供应链管理等方面发挥着重要作用,提升企业的竞争力。
        然而,AI 时代也带来了一系列挑战。数据隐私和安全问题成为人们关注的焦点,如何确保 AI
        系统在处理大量数据时保护用户的隐私,防止数据泄露和滥用,是亟待解决的问题。此外,AI技术的发展也可能导致部分工作岗位的消失,引发就业结构的调整,需要我们提前做好应对措施,加强职业培训和教育,提升人们的数字技能和综合素质。
    </p>

</body>

综合案例

用到了标题标签,段落标签,换行标签

<body>
    <h1>《云边有个小卖部,心中有份温暖光》</h1>
    <h4>一、“云边的梦想与憧憬”</h4>
    <p>在云边镇,刘十三怀揣着走出大山去大城市闯荡的梦想。他努力学习,拼命工作,只为了实现自己心中的那份憧憬。就像我们每个人在年少时,都有一个大大的梦想,渴望着能在广阔的世界里大展拳脚。刘十三的坚持让我看到了梦想的力量,它是我们前进的动力,即使路途遥远且坎坷,也能让我们心怀希望,不断前行。然而,现实的残酷也一次次打击着他,让他明白梦想与现实之间的差距。但正是这种差距,让他的梦想更加真实,也让我们感同身受。我们在追求梦想的道路上,又何尝不是如此呢?
    </p>
    <h4>二、“小卖部的温暖与守候”</h4>
    <p>云边镇的小卖部,是刘十三心灵的港湾。外婆王莺莺在这里,用她的方式守护着刘十三。她的爱看似粗犷,却无比深沉。她会开着拖拉机,奔波几百公里把失意的刘十三拉回家;她会在刘十三小时候给他做各种好吃的,用自己的方式给予他温暖。小卖部里的每一个角落,都充满了回忆和温暖。这种亲情的温暖,是我们生命中最宝贵的财富。无论我们在外面遭受了多少挫折,家永远是那个可以让我们安心停靠的地方。外婆的形象,让我想起了自己身边的亲人,他们或许不善言辞,但他们的爱却始终如一地围绕在我们身边,默默地为我们付出。
    </p>
    <h4>三、“生命中的离别与成长”</h4>
    <p>书中充满了离别,外婆的离去,程霜的病逝,让刘十三经历了一次又一次的痛苦。但正是这些离别,让他逐渐成长,懂得了珍惜身边的人,明白了生活的真谛。离别是人生的常态,我们无法避免,但我们可以在离别中学会坚强,学会感恩。刘十三在经历了这些后,不再是那个只知道追逐梦想而忽略身边美好的少年,他变得更加成熟,更加懂得生活的意义。这本书让我深刻地体会到,生命中的每一次相遇和离别,都是一种成长的契机。我们要珍惜当下,珍惜那些陪伴我们走过人生旅程的人,因为他们才是我们生命中最珍贵的风景。《云边有个小卖部》是一本充满温情与感动的书,它让我们在欢笑与泪水中感受到了生活的美好与无奈,也让我们更加珍惜身边的一切。
    </p>
    <p>作者:呼噜噜<br />2024.9.25</p>
</body>

四、文本格式化标签

在网页中,有时候需要对文字进行格式化效果,例如将文字设置为粗体、斜体或者是加删除线、下划线等效果,这时候便可使用html中的格式化标签

特点:区别于普通文字,突出重要性

四种不同语义标签:①加粗    <strong></strong>或者<b></b>    前者语义更加强烈,更为推荐使用

                                 ②倾斜  <em></em>或者<i></i>   前者语义更加强烈,更为推荐使用

                                 ③删除线 <del></del>或者<s></s>   前者语义更加强烈,更为推荐使用

                                 ④下划线   <ins></ins>或者<u></u>   前者语义更加强烈,更为推荐使用

例:

<body>

    我是<strong>加粗</strong>的文字
    <br />我是<b>加粗</b>的文字
    <p>我是<em>倾斜</em>的文字
        <br />我是<i>倾斜</i>的文字
    </p>
    <p>我是<del>删除线</del>的文字
        <br />我是<s>删除线</s>的文字
    </p>
    <p>我是<ins>下划线</ins>的文字
        <br />我是<u>下划线</u>的文字
    </p>

</body>

五、div标签和span标签

<div>和<span>都是无语义标签,分别可以看作是一个大盒子和一个小盒子,可以用来装内容

ps:div是division的缩写,表示分区、分隔

       span表示跨度、跨距

特点:①一行只能放一个<div>用来布局,不同的<div>位于不同行,且其后内容会自动换行

           ②一行可以用多个<span>来布局

例:

<body>
    <div>我是div标签1,我独占一行</div>后面内容自动换行1
    <div>我是div标签2,我独占一行</div>
    <span>微信</span>
    <span>qq</span>
    <span>微博</span>
</body>

六、图像标签

在html标签中,<img>标签用于定义html中的图像,即:<imge scr="图像URL">

ps:img是imge的缩写,表示图像

特点:scr是<img>标签的必须属性,用于指定图像文件的路径和文件名

图像标签属性
 属性     属性值                              说明
  scr

   图片路径

必须属性
  alt      文本替换文本,图片不能显示是,显示文字
  title      文本提示文本,鼠标放到图片上,显示文字
 width      像素设置图片宽度
height      像素设置图片高度
border      像素设置图片的边框粗细

ps:①图像标签可以拥有多个属性,但必须写在标签名之后

       ②属性之间不分先后顺序,标签名和属性、属性和属性之间用空格分开

       ③属性采取键值对的格式,即:key="value" 、属性="属性值"

例:

<body>
    <h4>图像标签示例</h4>
    <img src="懒羊羊.jpg" />
    <h5>alt替换文本,图片不能显示是,显示文字</h5>
    <img src="懒羊羊1.jpg" alt="这是一张懒羊羊的图片" />
    <h5> title提示文本,鼠标放到图片上,显示文字</h5>
    <img src="懒羊羊.jpg" title="这是一张懒羊羊的图片" />
<body/>

<body>
<h5>width设置图片宽度,height设置图片高度,border设置图片的边框粗细</h5>
    <img src="懒羊羊.jpg" width="100" border="15"/>
<body/>
<!-- 一般width和height不能同时修改,避免照片失真 -->

七、图片路径

相对路径:图片相对于html页面的位置

分类符号说明
同一级路径图像文件同HTML位于同一级   eg:<img src="懒羊羊.jpg">
下一级路径/图像文件位于HTML下一级  eg:<img src="图片/懒羊羊.jpg">
上一级路径../图像文件位于HTML上一级  eg:<img src="../懒羊羊.jpg">

绝对路径:目录下的绝对位置,直接到达目标位置,即位于自身电脑具体的位置地方

eg:<img src=""D:\Web前端学习\懒羊羊.jpg"">

八、超链接标签

在HTML标签中,<a>用来定义超链接,即可以从一个页面链接到另外一个页面

1、语法格式:<a href="跳转目标的url地址" target="目标窗口的弹出方式"> 文本或者图像 </a>

ps:a为anchor的缩写,表示为锚

特点:①href用于指点链接目标的url地址,为必须属性

           ②target用于指定链接页面的打开方式,默认值为_self(当前页面打开),_blank(新窗口打开)

2、链接分类

①外部链接:通过链接的路径,跳转到外部指定网页

<body>
    <!-- 外部链接 -->
    <a href="http://www.qq.com" target="_blank">腾讯</a>
</body>

②内部链接:自己所写的网站之间的链接,直接链接网页名即可

<body>
    <!-- 内部链接 -->
     <a href="day-2.html" target="_blank">day_2</a>
</body>

③空链接:当前状态还未确定明确的链接目标

<body>
     <!-- 空链接 -->
    <a href="#">目标还未确定</a>
</body>

④下载链接:href所链接的地址是一个文件或者压缩包

<body>
    <!-- 下载链接 -->
     <a href="懒羊羊.zip">下载</a>
</body>

⑤网页元素链接:网页各种元素都可添加超链接,例如:文本,图像,音频,视频等,原理同上

⑥锚点链接:点击对应链接,可以快速定位到当前页面的对应内容

<body>
    <a href="#profile">一、外貌特征</a>
    <br /><a href="#character">二、性格特点</a>
    <br /><a href="#habit">三、生活习惯</a>
    <br /><a href="#role">四、在羊村中的角色和作用</a>
    <h3 id="profile">外貌特征</h3>
    懒羊羊拥有一身雪白的羊毛,就像一朵软绵绵的云朵,让人看了就忍不住想摸一摸。它的头顶有一撮像冰淇淋形状的卷毛,这可是它的标志性特征,为它增添了几分俏皮与可爱。它的眼睛总是眯成一条缝,仿佛随时都能进入梦乡,再加上那圆嘟嘟的脸蛋和小小的嘴巴,整个形象萌态十足,让人忍俊不禁。
    <h3 id="character">性格特点</h3>
    乐观豁达:懒羊羊有着乐观豁达的心态,无论遇到什么挫折和困难,它都能很快调整好自己的情绪,不会让烦恼困扰自己太久。即使被灰太狼抓住,面临即将被煮的危险,它也能在绝境中找到一些让自己开心的事情,比如幻想一顿美味的大餐或者期待着喜羊羊他们来救自己。这种乐观的精神让它在面对生活的种种不如意时,依然能保持一颗快乐的心。
    <h3 id="habit">生活习惯</h3>
    懒羊羊是个十足的吃货,对美食有着极高的热情。它最喜欢的食物当然是青草蛋糕啦,只要一闻到青草蛋糕的香味,它就会立刻变得精神抖擞,眼睛放光。除了青草蛋糕,它还喜欢各种零食和水果,常常在嘴巴里塞得满满的,享受着美食带来的快乐。它的食量也非常大,总是能吃下比其他小羊多很多的食物,因此它的体型也相对较胖,圆滚滚的样子十分可爱。
    <h3 id="role">在羊村中的角色和作用</h3>
     带来欢乐:懒羊羊的存在为羊村增添了许多欢乐和笑声。它的懒惰、贪吃和各种搞笑的行为常常让其他小伙伴们哭笑不得,也让观众们在观看动画片时感到轻松愉快。它就像羊村里的一颗开心果,用自己独特的方式给大家带来了无尽的欢乐。​
</body>

九、注释标签

不在页面上显示的内容,方便程序员自己在代码里面做记录的注释性标签

快捷键:CTRL+/

<body>
    <!--  好好学习,天天向上 -->
</body>

十、特殊字符

在html中一些特殊符号不方便使用,于是用特殊字符代替

1. 空格

<body>
    好好&nbsp;学习
</body>

2. 小于号(<)和大于号(>)

<body>
     &lt;ppppp&gt;
</body>

3. 引号

<body>
     &#39;你好&#39;<!-- - 单引号: &#39;  -->
     &quot;hello &quot;<!-- - 双引号: &quot;  -->
</body>

4、破折号

&mdash; (较长的破折号,用于表示句子中的停顿或解释说明)

&ndash; (较短的破折号,类似于中文中的“-”)

<body>
    mdash;hehe啦啦啦&mdash;
    hehe&ndash;啦啦啦
</body>
 

5、省略号

<body>
  很多文件&hellip;&hellip;
</body>
 

6、乘号、 除号

<body>
    5&times;2
    10&divide;2
</body>

4. 版权符号(©)   注册商标符号(®)  欧元符号(€)  

综合案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签综合案例9.25</title>
</head>

<body>
    <h1>《<云边有个小卖部>读后感:生命中的温暖与希望》</h1>
    <br /><a href="#chuice1">一、云边小镇:梦想与现实的交织</a>
    <br /><a href="#choice2">二、外婆王莺莺:生命中的坚强后盾</a>
    <br /><a href="#choice3">三、程霜:生命中的璀璨星光</a>
    <br /><a href="#choice4">四、生命的意义:爱与希望的传承</a>
    <h2>简介</h2>
    <h5><a href="标签综合案例9.25跳转.html" target="_blank">《云边有个小卖部》</a>就像是一杯温水,初尝时平淡,可慢慢品下去,却能暖到心底。张嘉佳用细腻的笔触,勾勒出了云边镇的生活画卷,让我们看到了刘十三、外婆王莺莺、程霜等人的喜怒哀乐。他们的故事或许平凡,但却充满了力量,让我们在阅读的过程中不禁为他们的遭遇落泪,也为他们的坚强和善良所感动。这本书让我们明白,生活中的苦难并不可怕,只要有亲人和朋友的陪伴,我们就能勇敢地面对一切。”
        “读完《云边有个小卖部》,感觉心里空落落的,仿佛自己也跟着刘十三一起经历了那些悲欢离合。书中的人物形象鲜明,外婆的泼辣和善良,程霜的勇敢和乐观,都给我留下了深刻的印象。他们的故事让我感受到了生命的无常和珍贵,也让我更加珍惜身边的人。这是一本值得反复品味的书,每次阅读都会有不同的感受。”
        2. 对故乡和亲情的深刻诠释:
        “云边镇是刘十三的故乡,也是他心灵的寄托。在这个小镇上,有外婆的关爱,有朋友的陪伴,有熟悉的风景和味道。张嘉佳通过对云边镇的描写,让我们感受到了故乡的温暖和美好。同时,书中对于亲情的刻画也非常深刻,外婆对刘十三的爱是无私的,她的离去让刘十三明白了亲情的珍贵。这本书让我们重新审视自己与故乡和亲人的关系,让我们更加珍惜那份浓浓的亲情。”
        “《云边有个小卖部》让我想起了自己的故乡和外婆。书中的云边镇和我记忆中的故乡有很多相似之处,那里的人们淳朴善良,那里的生活简单而美好。外婆的形象也让我倍感亲切,她的唠叨、她的关爱,都是我童年最珍贵的回忆。这本书让我在喧嚣的城市中找到了一份宁静,也让我对故乡和亲情有了更深的理解和感悟。”
        3. 生命的希望与悲伤交织:
        “在《云边有个小卖部》中,希望和悲伤是两条交织的主线。刘十三在追求梦想的道路上不断受挫,但他始终没有放弃,这种坚持让我们看到了希望的力量。而外婆和程霜的离去,又让我们感受到了生命的脆弱和悲伤。张嘉佳用这样的方式告诉我们,生命中既有阳光,也有风雨,我们要学会在悲伤中寻找希望,在希望中不断前行。”
        “这本书让我对生命有了新的认识。人生就像一场旅行,我们会遇到各种各样的人,经历各种各样的事情。有些人会陪我们走过一段路,然后悄然离开;有些事情会让我们感到痛苦和悲伤,但也会让我们变得更加坚强。就像刘十三一样,他在经历了无数的挫折和磨难后,依然能够勇敢地面对生活。生命是有光的,我们要相信,无论前方的路有多黑暗,总会有一束光为我们照亮前行的方向。”
    </h5>
    <a href="标签综合案例9.25跳转.html" target="_blank"><img src="./picture/标签综合案例9.25picture1.jpg"/></a>
    <h3 id="choice1">一、云边小镇:梦想与现实的交织</h3>
    <p>在张嘉佳的《云边有个小卖部》中,云边镇宛如一个世外桃源,它静静地坐落在山的那边,云的下边。这里有漫山遍野的油菜花,有潺潺流淌的小溪,还有那熟悉的小卖部。对于主人公刘十三来说,云边镇是他生命的摇篮,是他梦想起航的地方,也是他心灵的归宿。刘十三自幼与外婆王莺莺相依为命,在这个小小的镇上,他度过了无忧无虑的童年时光。外婆的小卖部是他儿时的乐园,那里有各种各样的零食和小玩具,每一样东西都承载着他美好的回忆。然而,刘十三心中却怀揣着一个大大的梦想,他渴望走出云边镇,去大城市闯荡,追寻自己的未来。
        在成长的道路上,刘十三努力学习,拼命想考上好大学,只为了能离自己的梦想更近一步。他就像一颗顽强的种子,在现实的土壤中努力挣扎着生长,尽管过程充满了艰辛和挫折,但他从未放弃。这种对梦想的执着追求,让我们看到了生命的坚韧与不屈。就如同现实生活中的我们,每个人心中都有一个属于自己的梦想,或许它遥不可及,或许在追寻的路上会遇到无数的困难,但只要我们怀揣着希望,不断努力前行,就一定能在梦想与现实之间找到属于自己的那片天空。
        书中对云边镇的描写细腻而生动,让我们仿佛身临其境。那一幅幅美丽的画面,如同一帧帧电影镜头,在我们眼前缓缓展开。(此处可插入一张云边镇的风景图片,比如一片金黄的油菜花田,远处是连绵的山峦和蓝天白云,展现出云边镇的美丽宁静。)在这个喧嚣的世界里,云边镇就像是一片净土,它让我们感受到了生活的质朴与美好,也让我们明白了,无论走多远,故乡永远是我们心中最温暖的港湾。
    </p>
    <img src="./picture/标签综合案例9.25picture2.jpg"/>
    <h3 id="choice2">二、外婆王莺莺:生命中的坚强后盾</h3>
    <p>王莺莺,这个性格泼辣、坚强又善良的老太太,是刘十三生命中最重要的人。她经营着云边镇的小卖部,看似大大咧咧,实则内心细腻无比。她用自己独特的方式爱着刘十三,默默地为他遮风挡雨,撑起了一片天空。
        当刘十三在城市里遭遇挫折,生活陷入困境时,外婆开着那辆破旧的拖拉机,奔波了一夜,把刘十三从城市带回了云边镇。那一刻,外婆就像一位超级英雄,从天而降,拯救了陷入黑暗中的刘十三。她没有过多的言语安慰,只是用行动告诉刘十三:“别怕,有外婆在。”回到云边镇后,外婆陪着刘十三一起度过了那段艰难的时光,她用自己的乐观和坚强感染着刘十三,让他重新找回了生活的勇气。
        外婆的爱,是深沉而无私的。她会在刘十三小时候给他做各种好吃的,会在他调皮捣蛋时狠狠地教训他,也会在他遇到困难时毫不犹豫地伸出援手。她就像一盏明灯,照亮了刘十三前行的道路。在面对自己的癌症时,外婆选择了独自承受,她不想让刘十三担心,直到生命的最后一刻,她还在为刘十三着想。这种伟大的母爱,让人不禁潸然泪下。
        王莺莺的形象,让我想起了自己的外婆。她们都是那样的平凡而又伟大,用自己的一生默默地守护着家人。她们的爱,如同春雨般润物细无声,却又有着无穷的力量。(此处可插入一张外婆在小卖部忙碌的图片,她穿着朴素的衣服,脸上带着和蔼的笑容,正在整理货架上的商品,展现出外婆的勤劳和善良。)在我们成长的过程中,或许会忽略这份爱,但当我们回首往事时,就会发现,外婆的爱一直都在我们身边,从未离开。
    </p>
    <img src="./picture/标签综合案例9.25picture2.jpg"/>
    <h3 id="choice3">三、程霜:生命中的璀璨星光</h3>
    <p>程霜,一个如月光般纯净而又脆弱的女孩。她身患绝症,却始终乐观坚强地面对生活。她与刘十三的相遇,就像是一场美丽的意外,从此在刘十三的生命中留下了深刻的印记。
        程霜就像一束光,照亮了刘十三灰暗的生活。她陪着刘十三一起卖保险,一起经历了许多喜怒哀乐。她的勇敢和善良,让刘十三感受到了人性的美好。在刘十三最失落的时候,是程霜一直在他身边鼓励他、支持他,让他重新振作起来。他们之间的感情,纯洁而又真挚,没有丝毫的杂质。
        然而,命运却对程霜如此残酷。她知道自己的生命随时可能结束,但她依然热爱生活,用自己有限的时间去感受这个世界的美好。她的坚强和乐观,让我们看到了生命的无限可能。即使生活充满了苦难,我们也可以选择微笑着面对,让自己的生命绽放出最璀璨的光芒。
        程霜的存在,让我们明白了生命的珍贵和脆弱。我们应该珍惜身边的每一个人,珍惜每一个当下,因为我们不知道明天和意外哪个会先来。(此处可插入一张程霜和刘十三在田野里欢笑的图片,背景是蓝天白云和金黄的稻田,展现出他们之间美好的瞬间。)她就像一颗流星,虽然短暂,但却在夜空中留下了最耀眼的光芒,让我们永远铭记。
    </p>
    <img src="./picture/标签综合案例9.25picture2.jpg"/>
    <h3 id="choice4">四、生命的意义:爱与希望的传承</h3>
    <p>《云边有个小卖部》不仅仅是一个关于成长和爱情的故事,更是一个关于生命意义的探索。在这本书中,我们看到了生命的无常和脆弱,也看到了人性的美好和坚强。刘十三、王莺莺、程霜以及云边镇的每一个人,他们都在自己的生命轨迹上努力前行,用爱和希望书写着属于自己的人生篇章。
        生命中,我们会遇到各种各样的人,他们有的会陪伴我们一生,有的只是匆匆过客。但无论是谁,他们都在我们的生命中留下了独特的印记,教会了我们成长,让我们懂得了爱与被爱。就像刘十三和他身边的人一样,他们相互扶持,共同度过了一个又一个难关。在这个过程中,爱与希望在他们之间不断传承,成为了他们面对生活的勇气和力量。
        这本书让我深刻地体会到,生命的意义不在于我们取得了多大的成就,而在于我们是否用心去生活,是否用爱去温暖身边的人。当我们在生命的尽头回首往事时,那些曾经陪伴我们走过的人,那些充满爱与温暖的瞬间,才是我们生命中最宝贵的财富。
        读完《云边有个小卖部》,我的内心久久不能平静。它让我感受到了生活的酸甜苦辣,也让我明白了生命的真谛。在这个充满喧嚣和浮躁的世界里,我们都需要一个像云边镇这样的地方,让我们的心灵得到栖息;我们也都需要像王莺莺和程霜这样的人,给我们带来爱与希望。让我们怀揣着对生活的热爱,珍惜身边的人,勇敢地面对生活中的一切挑战,在生命的长河中绽放出属于自己的光彩。
        希望每一个读过这本书的人,都能在心中找到那个属于自己的云边小卖部,那里有温暖的阳光,有爱的人,还有无尽的希望。</p>
        <img src="./picture/标签综合案例9.25picture3.jpg"/>
        <br/>更多精彩:<a href="http://www.baidu.com" target="_blank">百度</a>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签综合案例9.25跳转</title>
</head>

<body>
    <p>张嘉佳的文字一直都很有感染力,《云边有个小卖部》更是如此。他用简洁而生动的语言,描绘出了云边镇的美丽景色和人物的内心世界。书中的每一句话都仿佛是一首诗,让我们在阅读的过程中感受到了文字的魅力。例如,云边有个小卖部,货架堆着岁月和夕阳,背后就是山。老人靠着躺椅假装睡着,小孩子偷走了一块糖……人们聚和离,云朵来又往。’这样的文字,让人仿佛置身于云边镇,感受到了那里的宁静和美好。《云边有个小卖部》的文字充满了诗意和温情,它不仅是一个故事,更是一种情感的表达。张嘉佳用细腻的笔触,将生活中的点滴细节描绘得淋漓尽致,让我们在阅读的过程中产生了强烈的共鸣。这本书就像一首悠扬的民谣,在我们的心中回荡,让我们久久不能忘怀。”
    </p>
</body>

</html>

标签:第四课,外婆,十三,标签,AI,HTML,小卖部,我们
From: https://blog.csdn.net/2302_76722613/article/details/142520659

相关文章

  • HTML表单相关知识(第七课)
    目录一、表单的初步认识二、组成部分1、表单域2、表单控件①input输入表单元素②select下拉表单元素③textarea文本域表单元素三、综合案例一、表单的初步认识作用:方便收集用户信息,让页面和用户实现交互组成部分:表单域、表单控件、提示信息二、组成部分1、表单......
  • pbootcms模板如何调用当前位置面包屑标签
    在PbootCMS中,如果你想在模板中调用当前位置的面包屑导航(Breadcrumb),可以通过特定的标签来实现。以下是具体的实现方法和示例代码:调用面包屑导航标签参数说明separator=*:分隔符,非必填,默认为 >>。indextext=*:首页文本,非必填,默认为“首页”。示例代码假设你希望在模板中......
  • chrome实现点击书签, 新页面打开. (左键点击). 新标签打开书签 .
    1.我找了很多插件,都没法实现点击书签,自动新标签打开.2.但是我发现一款chrome,是可以实现的https://www.ghxi.com/chrome.html 这是基于chrome++的增强版.便携版和安装版使用起来没有任何区别,甚至重装系统依旧能用原来的数据.如何开启新标签打开书签的功能,......
  • 给PbootCMS增加个换行格式化标签br=1
    在PBootCMS中,如果你想在模板中使用换行符并使其在前端正确显示,可以通过自定义解析器来实现。具体步骤如下:步骤1:新增多行文本字段登录后台:进入PBootCMS后台管理系统。编辑模型:选择需要编辑的模型,点击“编辑”按钮。新增字段:在模型编辑页面,新增一个多行文本字段,用于存放简介......
  • pbootcms在内容详情页时{pboot:pageurl}和{content:link}​标签的用法
    在PBootCMS中,标签的使用非常灵活,可以帮助你在不同页面中获取所需的链接和其他信息。以下是关于 {pboot:pageurl} 和 {content:link} 标签的具体用法和区别:{pboot:pageurl} 标签用途获取当前页面的完整路径链接:包括域名在内的完整URL。用法适用于任意页面:可以在全......
  • HTML+CSS 常见效果
    静态图片动画html<divclass="loader">Loading…</div>css@keyframesloader{to{background-position:-800px0;}}.loader{width:100px;height:100p......
  • PbootCMS全站模板date时间标签/时间格式常见的8种调用方式
    全站模板中日期时间标签和时间格式的常见调用方式,绘制成表格形式:调用方式适用页面格式效果[list:date]首页/列表页2021-12-0609:12:30[list:datestyle=Y-m-d]首页/列表页2021-12-06[list:datestyle=Y]首页/列表页2021[list:datestyle=m-d]首页/列表页......
  • PbootCMS生成的sitemap.xml中增加tag标签链接
    要在PBootCMS中实现在sitemap.xml中包含标签(tag)链接,可以通过修改相关模型和控制器来实现。以下是详细的步骤和代码示例:步骤修改SitemapModel类在 SitemapModel.php 中增加获取指定分类标签的方法。修改SitemapController类在 SitemapController.php 中增加处理......
  • 语义化版本控制和分发标签
    语义化版本控制和分发标签语义化版本npm包的版本(version)规范遵循语义化的版本控制:semver。其格式为:x.y.z(x,y,z只能为数值[0-9]且不允许前导补零)x(major):主版本号。y(minor):次版本号。z(patch):修订版本号(补丁版本号)。版本号的变更必须要遵循以下的要求:(代码/......
  • Git 与标签管理
    在Git中,标签tag是指向某个commit的指针(所以创建和删除都很快)。Git有commitid了,为什么还要有tag?commitid是一串无规律的数字,不好记;而tag是我们自定义的,例如我们可以命名为v1.2所以tag就是一个让人容易记住的有意义的名字,它跟某个commit绑在一起。‍‍创建......