如何利用 HBuilderX 制作图文混排的网页

如何利用 HBuilderX 制作图文混排的网页
实践项目:
1、在D盘创建名为web的基本web项目
2、创建一个空白网页文件,命名为gsjj.html
3、网页文件用于介绍公司的基本情况,要求包含标题,正文和图片。
、新建一个基本项目,项目名称命名为web。
在这里插入图片描述

在这里插入图片描述
、将素材图片文件复制粘贴到项目文件夹的img文件夹中。
在这里插入图片描述
、鼠标右击标题“web1”,在菜单栏中选择新建一个html文件,命名为gsjj.html
在这里插入图片描述

、两title之间为标题文字,两body之间为正文文字,根据要求在其两者之间编辑内容即可。
在这里插入图片描述
、使用<p标签在开始和结束标签之间插入文本文字,其中强调文本加粗显示的文字两边加上标签<strong。斜体显示的文字两端加上<em标签。编辑完成后选择相应浏览器运行即可。(具体标签如图所示,该编辑器无法显示。)
在这里插入图片描述
、运行界面
运行界面
、HBuilderX 界面
完整 HBuilderX 界面图

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>蜘蛛侠</title>
	</head>
	<body>
		<h2><strong>蜘蛛侠</strong>,全名彼得·本杰明·帕克<em>(Peter Benjamin Parker)</em><p>是美国的一名普通学生,毕业后成为《号角日报》的记者。</p>
		 <p>由于意外被一只受过放射性感染的蜘蛛咬到,因此获得了和蜘蛛一样的超能力、
		超人般的耐力、反应、敏捷和速度。</p>
		<p>并发明了蛛网发射器,从此化身<strong>蜘蛛侠</strong><em>(Spider-Man)</em>守卫纽约。</p>
		<img src="img/x蜘蛛侠.jpeg">
	</body>
</html>
  • 37
    点赞
  • 99
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 20
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

听风者i

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

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

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

打赏作者

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

抵扣说明:

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

余额充值