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


目录
相关文章
|
7月前
|
安全 开发工具
微信小游戏制作工具中的键盘插件的使用
微信小游戏制作工具中的键盘插件的使用
464 0
|
7月前
微信小游戏制作工具中的分享功能怎么用?
微信小游戏制作工具中的分享功能怎么用?
91 0
|
7月前
微信小游戏制作工具中关于背景图的设置
微信小游戏制作工具中关于背景图的设置
224 0
|
开发工具 UED 开发者
在微信小游戏制作工具中实现各种效果和功能的按钮
在游戏设计中有一个名词叫“反馈”,大体就是指当玩家在进行游戏时,游戏所给予玩家的一些东西,比如常见的在点击按钮时,按钮会变换颜色,或进行缩放,或播放音效等等。总之,不论玩家在游戏中进行任何的操作,游戏都应该给予玩家一个合理的反馈。让玩家能够明白他的操作所获得的结果是什么。
445 0
|
Web App开发 JavaScript 算法
快速制作一个chrome插件
在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更多是它丰富的扩展在吸引我,那么大家有没有想过如何自己来开发一个Chrome浏览器插件呢?是不是有的同学会觉得Chrome浏览器插件的制作难度会很大呢?今天就让我来带你们看看一个简单的Chrome浏览器插件的编写过程,并给大家制作一个简单的插件模板,大家可以通过模板来进行快速开发。
352 0
快速制作一个chrome插件
|
移动开发 前端开发 JavaScript
Dreamweaver制作网页的步骤
Dreamweaver软件制作网页的步骤
209 0
|
JavaScript
dreamweaver能制作移动网页吗?
dreamweaver能制作移动网页吗?
107 0
|
JavaScript 前端开发
原生js制作选项卡详解,适合无基础的人学习
原生js制作选项卡详解,适合无基础的人学习
144 0
原生js制作选项卡详解,适合无基础的人学习
|
前端开发 内存技术
11 个非常棒的按钮制作工具
CSS Tricks 一个神话般用来创建高度自定义的按钮工具。它可以让你选择渐变颜色,边框,为您的网页的完全独特的按钮悬停背景等。 CSS Tricks Da Button Factory 你只需要通过点击就可以生成很酷的按钮的超强工具,功能包括按钮字体、样式和颜色设置 Da Button Factory Filetransit Filetransit 是一个在线工具,用来创建网页菜单,可帮你设置文本颜色和按钮颜色 Filetransit Tucows Tucows 包含一个按钮生成器,可生成多个按钮图片,主要用于网页、展示等。
885 0