web 学习之HBuilder

本文介绍了如何使用HBuilder工具进行HTML页面的创建和运行。首先从CSDN下载HBuilder,然后在指定文件夹中新建HTML文件。通过在项目管理器中操作,逐步讲解了文件构建步骤,包括设置文档类型、定义字符集和添加标题。最后,展示了如何运行HTML文件并在浏览器中查看效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.html是书写网页的一种语言。书写html语言的一种工具为:HBuilder
    1.1 HBuilder的使用
    step 1:csdn下载压缩包https://blog.csdn.net/huxp370/article/details/80582807
    step 2:在电脑上某个位置新建文件夹,用于后期存放自己的代码。将该文件夹拖动,并打开HBuilder软件,并将该软件放到项目管理器窗口下。(注意:在此过程中不松开鼠标左键)如图:
在这里插入图片描述
    step 3:选中该文件夹,新建html文件
在这里插入图片描述
在这里插入图片描述
    step 4:文件构建完成,如下所示
在这里插入图片描述
    可以通过窗口栏上的浏览器图标将程序运行
    以下用《》来代替html文件中的<>
《!DOCTYPE html.》。。。。。(document type文档类型:html,该句告诉浏览器将来按照html的语法来解析下面的代码)
《html》。。。。。。。。(这是网页中最大的一个标签,称之为根标签,与下方的《/html》对应,此处为开始,下方为结束)
        《head》。。。(网页的头,其中放置的内容为浏览器看的内容)
            《meta charset=“UTF-8”》。。。(标签叫:meta,用于给浏览器声明当前文档的编码方式,设置字符集(编码):UTF-8 汉字的编码方式)
            《title》《/title》。。。。(标题,其中的内容显示在浏览器的标签页,作为网页标题)
在这里插入图片描述
(head中有两个默认的子标签)
    《/head》
    《body》
    (body写用户可见的内容)
(细节:写完之后要保存,否则会出现内容不显示的情况)
*(ctrl+s,alt+tab,可以找到自己的浏览器界面,再刷新浏览器界面即可)
    《/body》
《/html》
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值