HTML基础练习2

这篇博客主要介绍了HTML中的无序列表标签ul和li,探讨了type属性的不同值,并讲解了锚点链接的使用,包括如何创建锚点链接以及其在长页面定位中的作用。同时,博主提出了一个问题,即如何用背景属性定义列表项的显示符号,期待得到解答。
摘要由CSDN通过智能技术生成

练习重点

一、列表标签

列表名称 列表标签
无序列表 ul

无序列表是一种不分排列的列表,各个列表之间没有顺序级别之分。无序列表使用ul标签定义,内部可以嵌套多个li标签,基本语法格式如下:

<ul>
        <li><a href="#one">唐僧</a></li>
        <li><a href="#two">孙悟空</a></li>
        <li><a href="#three">猪八戒</a></li>
        <li><a href="#four">沙悟净</a></li>
    </ul>

在这里插入图片描述

ul标签和li标签都有type属性:能赋予的值有:disc(默认的实心圆)、circle(空心圆)、square(实心方块)

二、锚点链接

如果网页内容较多,页面较长,浏览网页时就需要不断地拖动滚动条来查看所需要的内容,这样不仅效率较低,而且不方便操作。为了提高信息的检索速度,HTML语言提供了一种特殊的链接------锚点链接。通过创建锚点链接,用户能够直接跳到指定位置的内容。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
使用a标签应用href属性,其中href属性=“#id名”,如上图所示,只要创建了超链接的对象就会跳到指定位置的内容

<body>
    <h2 id="1">西游记中的主要人物</h2>
    <ul>
        <li><a href="#one">唐僧</a></li>
        <li><a href="#two">孙悟空</a></li>
        <li><a href="#three">猪八戒</a></li>
        <li><a href="#four">沙悟净</a></li>
    </ul>
    <h3 id="one">唐僧</h3>
    <p>
        唐僧,俗家姓陈,生于河南洛阳,法号“玄奘”,被尊称为“三藏法师”,世俗称为“唐僧”,小名叫“江流儿”。中国四大古典名著《西游记》中的主角之一,原型为唐代高僧玄奘。
        唐僧前世为如来佛祖的二徒弟——“金蝉子”,因轻慢佛法而被如来佛祖贬到下界,在观世音菩萨的指点下,奉了唐太宗旨意,不远万里前去西天求取真经,路途上收得孙悟空、猪八戒、沙悟净三个徒弟和坐骑白龙马(西海龙王的三太子),经历九九八十一难,最终取得真经返回大唐,修成正果,被如来佛祖封为“旃檀功德佛”。
    <h4>角色形象</h4>
    </p>
    <h3 id="two">孙悟空</h3>
    <p>
        孙悟空(又称齐天大圣、孙行者、斗战胜佛),是中国古典神魔小说《西游记》中的主要角色之一(传为吴承恩所著)。由开天辟地产生的仙石孕育而生,出生地位于东胜神洲的花果山上,因带领猴群进入水帘洞而被尊为“美猴王”。为了学艺而漂洋过海拜师于须菩提祖师,得名孙悟空,学会大品天仙诀、地煞术七十二变、筋斗云等高超的法术。
        出师的孙悟空未得兵器,在东海龙宫取得如意金箍棒,后大闹地府勾去生死簿,惊动上天而被玉皇大帝招安,封为弼马温。得知职位低卑后怒返花果山,并战胜李天王和哪吒三太子的讨伐,迫使玉帝封其为齐天大圣,并在天宫建有府邸,奉旨管理蟠桃园。因搅乱王母的蟠桃盛会、偷吃太上老君的金丹,炼成了金钢之躯,后在太上老君的八卦炉中眼睛被熏成火眼金睛。之后大闹天宫,十万天兵天将、四大天王、二十八星宿对其围剿亦不能将其打败,后来在与如来佛祖的打赌斗法中失利,被压在如来用五指化作的五行山下五百余年悔过自新。后经观音点化,被唐僧救出,法号行者,保护唐僧西天取经,一路降妖除魔,不畏艰难困苦,历经九九八十一难,最后取得真经修成正果,被封为斗战胜佛。       
<h3 id="three">猪八戒</h3>
    <p>
        原是天庭玉皇大帝手下的天蓬元帅,主管天河,因醉酒调戏嫦娥被玉皇大帝逐出天界,到人间投胎,却又错投猪胎,嘴脸与猪相似。下凡后“嫁”给卵二姐,栖身云栈洞,后被观音菩萨指点归于佛门,法号悟能,于高老庄等候取经人时入赘高太公家。唐僧西去取经路过高老庄,被孙悟空收服,拜唐僧为师。唐僧因猪八戒“老实”,平常多袒护猪八戒而责备孙悟空,猪八戒也好进谗言,多次挑唆唐僧与孙悟空的关系,导致唐僧两次将孙悟空赶走,直到“真假美猴王”之后,师徒之间才剪除二心,同心戮力,赶奔西天,遇到妖怪时,猪八戒开始敢于争先,成为孙悟空的好帮手,兄弟合力打败牛魔王、九头虫、豹子精、蟒蛇精等许多妖怪,虽然仍贪图美色,但定力较之前好了许多,打死玉面狐狸、万圣公主、杏仙等多个女妖。取得真经后,如来封猪八戒为“净坛使者”菩萨。
        猪八戒身上既有人的吃苦耐劳、憨厚率直的品质以及贪婪自私的本性,又有神的本领,同时还有猪的形体特征,这充分的体现了作者把人性、神性、猪性的完美结合。
<h3 id="four">沙悟净</h3>
    <p>
        沙悟净幼年游荡乾坤时得遇真人,修得三千功满,被玉帝亲口封为卷帘大将,在灵霄殿下侍銮舆,只因在蟠桃会上,失手打碎了玻璃盏,被贬下流沙河,每七日一次用飞剑穿其胸胁百余下,使之痛苦万分。因饥寒难忍,便两三天出波涛寻一个行人食用,不期冲撞了观音菩萨,经菩萨劝化,皈依佛门,以沙为姓,取法名悟净,专候取经人,唐僧取经至流沙河时被收服。取经途中,沙悟净或在看守行李,或被妖怪所擒,少有在降妖除怪的事情上建功,但他时常以言语调和唐僧、孙悟空、猪八戒之间的关系,维护取经团队的和谐稳定,亦是不可或缺的一份子。虽然能力上不及两位师兄,却能自嘲“放屁添风”,在必要的时候贡献自己微薄的力量。取得真经后,被如来佛祖封为“金身罗汉”菩萨。

在这里插入图片描述
在这里插入图片描述
如上图所示,当鼠标点击“猪八戒”的链接时,页面会自动定位到相应的内容介绍部分。

以下是完整的代码

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

<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html">
    <me
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是小穆啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值