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

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

如何利用 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>


目录
相关文章
|
监控 编译器 API
[笔记]Windows核心编程《二十二》注入DLL和拦截API(一)
[笔记]Windows核心编程《二十二》注入DLL和拦截API
417 0
|
移动开发 小程序
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
|
人工智能 大数据
1+X大数据分析与应用中级备考经验
作为上海城建职业学院人工智能应用学院大数据技术专业的专任教师,在2020年12月份指导学生参与阿里巴巴《1+X大数据分析与应用中级》考试中,取得了优异的成绩。34位参加考证的同学,共有27个同学通过了考试,再次分享备考经验,以供参考。
2769 2
1+X大数据分析与应用中级备考经验
|
12月前
|
前端开发 Java 数据库
💡Android开发者必看!掌握这5大框架,轻松打造爆款应用不是梦!🏆
在Android开发领域,框架犹如指路明灯,助力开发者加速应用开发并提升品质。本文将介绍五大必备框架:Retrofit简化网络请求,Room优化数据库访问,MVVM架构提高代码可维护性,Dagger 2管理依赖注入,Jetpack Compose革新UI开发。掌握这些框架,助你在竞争激烈的市场中脱颖而出,打造爆款应用。
1101 3
|
前端开发
视觉盛宴:用CSS渐变动画打造炫酷背景!
视觉盛宴:用CSS渐变动画打造炫酷背景!
|
调度 Python
Python 中如何实现多线程?
【8月更文挑战第29天】
494 6
|
机器学习/深度学习 算法 Python
LSTM(长短期记忆)网络的算法介绍及数学推导
LSTM(长短期记忆)网络的算法介绍及数学推导
389 0
|
程序员
如何成为高质量程序猿与软件质量的十个指标:正确性、健壮性、可靠性、性能、易用性、清晰性、安全性、可扩展性、兼容性和可移植性
如何成为高质量程序猿与软件质量的十个指标:正确性、健壮性、可靠性、性能、易用性、清晰性、安全性、可扩展性、兼容性和可移植性
438 0
如何切换Hbuild - X编辑器背景色,如何切换Hbuild - X编辑器风格
如何切换Hbuild - X编辑器背景色,如何切换Hbuild - X编辑器风格
1119 0
|
存储 算法 分布式数据库
分布式数据库单元复习(狗头:预习)
分布式数据库单元复习(狗头:预习)
766 0