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


目录
相关文章
|
前端开发
前端切图:自制简易音乐播放器
前端切图:自制简易音乐播放器
76 0
|
6月前
实践任务1:利用 HBuilderX制作产品展示模块+实践任务2:利用 HBuilderX制作公司网站首页+实践任务3: 利用 HBuilderX制作公司网站首页实现固定侧边菜单
实践任务1:利用 HBuilderX制作产品展示模块+实践任务2:利用 HBuilderX制作公司网站首页+实践任务3: 利用 HBuilderX制作公司网站首页实现固定侧边菜单
89 3
|
5月前
|
测试技术 PHP
大屏幕互动系统PHP源码 附动态背景图和配乐素材 含搭建教程
最新大屏幕互动系统PHP源码 附动态背景图和配乐素材 含搭建教程
54 0
|
6月前
微信小游戏制作工具中关于背景图的设置
微信小游戏制作工具中关于背景图的设置
210 0
|
6月前
微信小游戏制作工具中的分享功能怎么用?
微信小游戏制作工具中的分享功能怎么用?
78 0
|
开发工具 UED 开发者
在微信小游戏制作工具中实现各种效果和功能的按钮
在游戏设计中有一个名词叫“反馈”,大体就是指当玩家在进行游戏时,游戏所给予玩家的一些东西,比如常见的在点击按钮时,按钮会变换颜色,或进行缩放,或播放音效等等。总之,不论玩家在游戏中进行任何的操作,游戏都应该给予玩家一个合理的反馈。让玩家能够明白他的操作所获得的结果是什么。
418 0
|
移动开发 前端开发 JavaScript
Dreamweaver制作网页的步骤
Dreamweaver软件制作网页的步骤
194 0
|
前端开发
前端工作总结123-视频上传和图片编辑功能
前端工作总结123-视频上传和图片编辑功能
95 0
前端工作总结123-视频上传和图片编辑功能
|
前端开发 内存技术
11 个非常棒的按钮制作工具
CSS Tricks 一个神话般用来创建高度自定义的按钮工具。它可以让你选择渐变颜色,边框,为您的网页的完全独特的按钮悬停背景等。 CSS Tricks Da Button Factory 你只需要通过点击就可以生成很酷的按钮的超强工具,功能包括按钮字体、样式和颜色设置 Da Button Factory Filetransit Filetransit 是一个在线工具,用来创建网页菜单,可帮你设置文本颜色和按钮颜色 Filetransit Tucows Tucows 包含一个按钮生成器,可生成多个按钮图片,主要用于网页、展示等。
873 0
|
存储 JSON 缓存
从零开发一款图片编辑器Mitu
我们知道,为了提高企业研发效能和对客户需求的快速响应,现在很多企业都在着手数字化转型,不仅仅是大厂(阿里,字节,腾讯,百度)在做低代码可视化这一块,很多中小企业也在做,拥有可视化低代码相关技术背景的程序员也越来受重视。
578 0