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


目录
相关文章
|
传感器 芯片
最详细STM32,cubeMX 点亮 led
最详细STM32,cubeMX 点亮 led
969 0
|
监控 编译器 API
[笔记]Windows核心编程《二十二》注入DLL和拦截API(一)
[笔记]Windows核心编程《二十二》注入DLL和拦截API
653 0
|
数据采集 机器学习/深度学习 人工智能
Python简直是万能的,这5大主要用途你一定要知道!
Python简直是万能的,这5大主要用途你一定要知道!
1265 0
|
移动开发 小程序
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?
|
3月前
|
人工智能 Cloud Native IDE
超详细!JetBrains Rider 2025.1 安装到能用,激活 + 安装步骤—附安装包
JetBrains Rider 2025.1 是全能型跨平台全栈 IDE,深度集成 AI 编码助手,支持 .NET 9、Unity 2025、Blazor 等最新技术,覆盖 C#、Python、Go 等 20+ 语言,赋能游戏、云原生与微服务开发,实现 AI 辅助生成、调试、测试与文档一体化。
929 2
|
网络协议 网络性能优化
用udp协议传输文件
【7月更文挑战第18天】使用 UDP 协议传输文件 UDP(User Datagram Protocol,用户数据报协议)是一种无连接的、不可靠的传输协议。尽管它不像 TCP 那样提供可靠的传输和拥塞控制,但在某些特定场景下,例如对实时性要求较高、能容忍一定数据丢失的情况,也可以用于文件传输。
497 0
|
存储 分布式计算 资源调度
|
机器学习/深度学习 数据采集 人工智能
数据工作中的自动化与AI融合实践
【8月更文第13天】随着大数据和人工智能(AI)技术的发展,数据处理和分析变得越来越重要。本文将探讨如何通过自动化工具和AI技术来优化数据处理流程,包括数据清洗、特征工程、模型训练以及结果可视化等步骤。我们将使用Python编程语言及其相关库(如Pandas、Scikit-learn和TensorFlow)作为实现手段。
973 0
|
Kubernetes Cloud Native 安全
云原生技术专题 | 解密2023年云原生的安全优化升级,告别高危漏洞、与数据泄露说“再见”(安全管控篇)
2023年,我们见证了科技领域的蓬勃发展,每一次技术革新都为我们带来了广阔的发展前景。作为后端开发者,我们深受其影响,不断迈向未来。 随着数字化浪潮的席卷,各种架构设计理念相互交汇,共同塑造了一个充满竞争和创新的技术时代。微服务、云原生、Serverless、事件驱动、中台、容灾等多样化的架构思想,都在竞相定义未来技术的标准。然而,哪种将成为引领时代的主流趋势,仍是一个未知数。尽管如此,种种迹象表明,云原生的主题正在逐渐深入人心。让我们一起分析和探讨云原生技术和架构安全体系的升级和改良,以期发现新的技术趋势和见解。
845 1
云原生技术专题  |  解密2023年云原生的安全优化升级,告别高危漏洞、与数据泄露说“再见”(安全管控篇)
|
存储 小程序 API
小程序图片显示不出来 怎么解决?
小程序图片显示不出来 怎么解决?
1055 1

热门文章

最新文章