首页 > 其他分享 >HTML·第二章习题

HTML·第二章习题

时间:2024-09-25 20:19:22浏览次数:10  
标签:花店 鲜花 产业 华为 HTML 推动 nbsp 习题 第二章

  • 用嵌套的列表制作“心语花店”导航栏

<!DOCTYPE html>
  <html>
<head>
    <meta charset="UTF-8">
    <title>心语花店导航栏</title>
</head>
<body>
<h1>心语花店导航栏</h1>
<ul>
    <h2>全部商品导航</h2> 
				<li>鲜花用途</li> 
					<ul type="circle">
                    <li>爱情鲜花</li>
                    <li>生日鲜花</li>
                    <li>友情鲜花</li>
                    <li>婚庆鲜花</li>
                    <li>祝贺鲜花</li>
					<ul type="square">
                    <li>送花人</li>
                    <li>送朋友</li>
                    <li>送客户</li>
                </ul>
			</ul>
				<li>鲜花花材</li>
					<ul type="circle">
                    <li>玫瑰花</li>
                    <li>康乃馨</li>
                    <li>百合花</li>
                    <li>向日葵</li>
                    <li>紫罗兰</li>
                    <li>满天星</li>
                </ul>
				
				<li>鲜花类别</li>
					<ul type="circle">
                    <li>日常花束</li>
                    <li>创意花盒</li>
                    <li>韩式花束</li>
                    <li>手提花篮</li>
				</ul>
			</ul>
    </blockquote>
	<p align="center">Copyright &copy;2024 MortalTom</p>
</body>
</html>

运行结果如图:

  • 使用图文并排的方式制作“公司名片” 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
	<hr color="#000000"/>
    <title>公司名片</title>
</head>
<body>
<h2>公司名片</h2>
<hr color="#000000"/>
<img src="img/2.jpg" width="300" height="180" align="right"/>
  
<p>&nbsp;&nbsp;&nbsp;华为是全球领先的ICT(信息与通信技术)基础设施和智能终端供应商,致力于将数字世界带入每个人、每个家庭、每个组织,构建万物互联的智能世界。我们在通信领域、IT、云计算等方面拥有强大的技术能力,安全可靠的产品,解决方案丰富,5G生机勃勃,携手合作伙伴,推动数字化转型,华为成立于1987年,是一家由员工持股的全球企业,目前有187万员工,业务覆盖170个国家和地区。</p>
  
<h2>我们为世界带来了什么?</h2>
<p>&nbsp;&nbsp;&nbsp;为客户能造价值,华为和运营两一现,在全汉建设了1500多张网络,帮助世界超过三分之一的人口实现联接,华为携手合作伙伴,为政府及公共事
			业机构,金融、能源、交源,修吉年企业赛户提供开放、灵法、安全的前管云协同ICT基础设施平台,推动行业数字化转型:为云服务客户提供稳定可算、
			安全可信和可持续演进的云服务。华为智能终满和餐能手机,正在帮助人门享受亮品质的数字工作、生活和保乐体验。推动产业员性发展,华为主派开放、
			合作、共赢,与客户会作仪伴及友商合作创新、扩大产业价值,形成健康良性的产业生杰系统,华为加入360多个标建组、产业里和开道社区,积服参与和
			支持主流标准的制定、构建共赢的生本国,我们面向云计算、NV/DN、56等新兴热点领域,与产业伙件分工协作,推动产业持续良性发展,促进经济增长,
			华为不仅方所在国家污来直授竹段权员制,促进兰地放业,形成产业能活艺效应,更重要为是通过创新的CT解决方整打造数字化引型,推动络后各业波字化传型,
			促进经济造长,得升人们的生活感是与器址。推动社会可持级发司,作力负事件的企业公民,坚方品力于满总全球数字鸿沟,在珠峰南坡和北极园内,在西非埃博
			拉疫区日本海续核游漏、中国汶川大地需等重大安潍现场,都有丝为人的身影:推进经色,保强的环保理念,从产是规划、设计、研发、,交村以及运建、华为向客户
			提试领先的节都?保产品京解失方器;华为未来种子”项目已经覆盖108个国家和地区,帮助结养本地NCT人才,推动规识证移,提升人们于ICT行业的了解和兴道,并数品
			各国家及地区参与到建设数字化社区的工作中,为奋斗餐理供舞合,经为坚特“奋斗看为本,以澳任责献来洋价员工和选拔干部,为员工提供了全球化发展平台,与世界
			对话的机会,使大量年经人有机会担当重任,快速成长,也使得十几万员工通过个人的努力,收就了合理的回报与值得回味的人生经历。</p>  
<hr color="#000000"/>
<h2>关注领域</h2>
<ol type="1">
    <li>消除数字鸿沟</li>
    <li>保障网络安全运行</li>
    <li>推进绿色环保</li>
	<li>构建和谐健康生态</li>
	</ol>
    </blockquote>
	<p align="center">Copyright &copy;2024 MortalTom</p>
</body>
</html>

运行截图:

标签:花店,鲜花,产业,华为,HTML,推动,nbsp,习题,第二章
From: https://blog.csdn.net/m0_68332785/article/details/142380748

相关文章

  • 这些年没来得及学习的一些 HTML5 标签
    这些年没来得及学习的一些HTML5标签 认识并学习下还没来得及学习的一些HTML5标签<ruby> 标签HTML <ruby> 元素被用来展示东亚文字注音或字符注释。比如:<ruby>兄弟<rt>xiongdi</rt></ruby><rt> 元素包含字符的发音,字符在ruby注解中出现,它用于描述东亚字符的......
  • html链接
    1.单独使用<ahref="http://baidu.com">Baidu</a>2.与列表结合<body> <p>MovieReviews: <ul> <li><ahref="http://www.empireonline.com">Empire</a></li> <li><ahref="h......
  • HTML引用CSS
    CSS样式需要引用到HTML中才能真正有效,那么如何才能在HTML中引用CSS呢?下面就来介绍一下。1.内嵌样式表您可以在HTML头部(<head>标签内)的<style>标签中定义CSS样式,使用内嵌样式表定义的CSS样式只能在当前网页内使用,示例代码如下:<!DOCTYPEhtml><html>......
  • 一文搞懂XPath查找html dom
     博主介绍: 大家好,我是Yuperman,互联网宇宙厂经验,17年医疗健康行业的码拉松奔跑者,曾担任技术专家、架构师、研发总监负责和主导多个应用架构。技术范围: 目前专注java体系,以及golang、.Net、软件架构、DDD、微服务、redis、nginx、tomcat、mysql、oracle等业务范围: 从数字医......
  • 第二章 习题
    1.<!DOCTYPEhtml><html>   <head>      <metacharset="utf-8">      <title>心花语店的列表导航</title>         </head>   <body>      <h2>全部商品导航</h2>      <ultype="di......
  • 第八章习题4-有个整数,使前面各数顺序向后移个m个位置,最后m个数变成最前面m个数,见图
     ......
  • 封装的练习题目1
    1.使用面向对象的思想,编写自定义描述狗的信息。设定属性包括:品种,年龄,心情,名字;方法包括:叫,跑。要求:1)设置属性的私有访问权限,通过公有的get,set方法实现对属性的访问2)限定心情只能有“心情好”和“心情不好”两种情况,如果无效输入进行提示,默认设置“心情好”。3)设置构造......
  • Linux便捷查询使用手册 第二章:安装与设置
    目录2.1安装准备2.1.1系统需求2.1.2硬件兼容性检查2.1.3下载安装镜像2.1.4制作启动介质2.2安装过程2.2.1进入安装程序2.2.2选择安装类型2.2.3分区设置2.2.4软件选择2.2.5设置用户和密码2.2.6完成安装2.3网络配置2.3.1网络连接设置2.3.2IP地址配......
  • html标记
    1.<b></b>粗体2.<i></i>斜体、3.<sup></sup>上标4.<sub></sub>下标5.换行和多个空格被视为一个空格 <p>ThemoonisdriftingawayfromEarth.</p> <p>Themoon isdriftingawayfromEarth.</p> <p&......
  • 历史名人鲁迅介绍HTML个人网页作业作品下载 历史人物介绍网页设计制作 大学生英雄人物
    ......