如何编辑运行HTML网页文件(HTML编辑工具使用介绍)

本文介绍如何编辑运行HTML网页文件。

HTML5编辑工具很多,在此仅介绍使用“记事本”和HBuilderX编写HTML文件。

1、使用操作系统带的记事本编写HTML网页文件

打开windows操作系统带的记事本,输入如下代码:

第一个网页

我编写的第一个网页。

如何保存为HTML网页文件,参见下图:

在此,保存为文件名为 网页.html,

用浏览器打开方法:

☆双击HTML文件名,用默认浏览器打开;

【默认浏览器,不是一个具体的浏览器名,而是指当你打开网页或链接时优先使用的浏览器,当你的电脑上安装有好几个浏览器,你可以设置一个浏览器为默认浏览器,当你的电脑上只有一个浏览器它就是默认浏览器。】

☆右击HTML文件名, 使用右键快捷菜单的“打开方式“的浏览器打开,参见下图:

打开后,显示如下:

2、使用HBuilderX。HBuilderX(早期称为HBuilder),是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE,是免费的。

HBuilderX 官网:http://www.dcloud.io 在此有使用文档等介绍。

HBuilderX(早期称为HBuilder),是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE,是免费的。

下载HBuilderX地址 https://www.dcloud.io/hbuilderx.html

下载,解压后打开开发工具

【查看或安装插件,打开“工具→插件安装”菜单:

HBuilderx怎样创建html文件并运行

打开hbuilderx,创建html文件,使用菜单“文件→新建→7.html文件”有关命令,参见下图:

打开hbuilderx,创建一个web项目,使用菜单“文件→新建→7.html文件”有关命令,参见下图:

标签:浏览器,HTML,网页文件,编辑,html,打开,HBuilderX

来源: https://blog.csdn.net/cnds123/article/details/113831256

html怎么直接修改,如何编辑运行HTML网页文件(HTML编辑工具使用介绍)相关推荐

  1. php编辑psd图层,psd文件怎么编辑

    psd文件怎么编辑? 1.首先下载Photoshop这款软件,下载之后打开.进入首页,点击菜单栏"文件"→"打开",开始打开你的PSD格式文件 2.选择好PSD ...

  2. 使用Vim编辑运行shell脚本文件的经典步骤

    [操作步骤] 1.输入命令 vim test 进入Vim文本编辑器界面.示例shell脚本文件test的内容如下: #!/bin/bash # This script displays the dat ...

  3. 没有PDF密码,PDF文件不能编辑,怎么办?

    PDF文件打开之后,发现不能编辑,这个时候我们可以找到设置编辑限制的地方查看一下. 如果点击了限制编辑之后,提示需要先输入密码,那就是因为PDF文件设置了限制编辑才导致PDF文件不能编辑的. 输入PD ...

  4. 在chrome里查询修改html代码,我需要在网页中直接编辑CSS?打开Web代码检查器

    我需要在网页中直接编辑CSS?打开Web代码检查器 最受欢迎的支持问题是:"我必须编辑哪些CSS代码才能改变(-)的外观".几年前,CSS/HTML编辑器是最有用的web开发工具. ...

  5. Linux单用户模式(修改密码、运行级别)方法详解

    很多新手当面对"忘记 root 账户密码导致无法登陆系统"这个问题时,直接选择重新系统.其实大可不必,我只需要进入 emergency mode(单用户模式)更新 root 账户的 ...

  6. PDF编辑方法,PDF文件怎么修改内容

    随着时代的发展,越来越多的工作人士在工作中会使用到PDF文件,而对于PDF文件,熟悉它的小伙伴就会知道,PDF文件的修改编辑是需要使用到PDF编辑器的,那么,对于不熟悉的小伙伴来说,PDF文件的内容怎 ...

  7. 使用vscode 编辑运行processing代码

    使用vscode 编辑运行processing代码 之前一直在使用processing自带的编辑器来编写和运行代码,因为用习惯了其他vscode之类的编辑器,processing自带的编辑器确实不是很 ...

  8. TVM yolov3优化代码修改(编译运行OK)

    TVM yolov3优化代码修改(编译运行OK) yolov3_quantize_sample.py 附https://github.com/makihiro/tvm_yolov3_sample代码: ...

  9. android修改尾巴软件,安卓手机QQ自定义尾巴编辑教程

    想必各位机友都很羡慕苹果手机或ipad登录QQ会显示来自QQfor iPhone的尾巴吧?那就是,当自己或者别人用手机登入QQ,并开始聊天的时候,在聊天内容的下方会出现这样一行文字:"(来自 ...

  10. [OpenShift 4 - DevSecOps Workshop (16) - 使用 VSCode 编辑运行 Tekton Pipeline 资源

    <OpenShift 4.x HOL教程汇总> 说明:本文已经在OpenShift 4.8环境中验证 <OpenShift 4 - DevSecOps Workshop 系列视频 & ...

最新文章

  1. Facebook开源模型可解释库Captum,这次改模型有依据了
  2. linux查找部署目录,mac/linux 查找软件安装、配置路径
  3. SAP QM 主检验特性主数据关键字段解释
  4. MySQL 报错 1055
  5. 《训练指南》——6.10
  6. 将十进制数转为N进制的方法
  7. c++——block_type_is_valid怎么解决
  8. Linux-v10-01天-授课
  9. linux全角半角切换快捷键,切换中英文标点快捷键,全角半角之间的转换快捷键
  10. python在tk界面播放本地视频_如何使用python3在tkinter窗口中插入视频播放器?
  11. LDA隐狄利克雷分配
  12. 如何评价一个好系统?
  13. 计算机专业课题 结题报告,《有效技能研究与实践》课题结题报告
  14. Python数据分析——世界自杀概况分析
  15. Python实现list列表的有序子集查找
  16. (二)进一步认识数据库
  17. 二叉树的中序遍历,前序遍历,后序遍历
  18. 在一个递增有序的线性表中,有数值相同的元素存在。若存储方式为单链表,设计算法,去掉数值相同的元素,使得表中不再有重复的元素。
  19. 机器学习 EM算法 从极大似然法谈起
  20. 北大计算机系录取通知书,五年级写出小游戏,广附高一学生拿到北大预录取通知书...

热门文章

  1. Java 8 日期和时间
  2. Arduino ESP32通过心知天气获取城市三天的信息
  3. DirectX11 计时和动画
  4. 7.计算机网络的发展 计算机网络发展背景 原因 阿帕网与计算机网络 通信方式 电路 报文 分组 包 交换 卡恩 瑟夫 网络控制协议 NCP TCP ip诞生发展 tcp 协议族 应用编程接口
  5. MTK 驱动开发---Vibrator
  6. 装好android studio 后, 使用安装好的adb 连接 itool 虚拟机 出现的问题
  7. 开关电源模块并联供电系统_开关电源中X电容与Y电容的作用
  8. 致远oa系统报价_致远oa价格(致远oa系统登录)
  9. yum升级mysql_3分钟,YUM升级MYSQL,5.1到5.6
  10. 2048总结 python_2048游戏的python实现