如何利用 HBuilderX 制作图文混排的网页
实践项目:
1、在D盘创建名为web的基本web项目
2、创建一个空白网页文件,命名为gsjj.html
3、网页文件用于介绍公司的基本情况,要求包含标题,正文和图片。
一、新建一个基本项目,项目名称命名为web。
二、将素材图片文件复制粘贴到项目文件夹的img文件夹中。
三、鼠标右击标题“web1”,在菜单栏中选择新建一个html文件,命名为gsjj.html
四、两title之间为标题文字,两body之间为正文文字,根据要求在其两者之间编辑内容即可。
五、使用<p标签在开始和结束标签之间插入文本文字,其中强调文本加粗显示的文字两边加上标签<strong。斜体显示的文字两端加上<em标签。编辑完成后选择相应浏览器运行即可。(具体标签如图所示,该编辑器无法显示。)
六、运行界面
七、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>