HTML+CSS基础学习-(1.从软件的下载到输出)

一、下载软件HBulider X

官网地址:HBuilderX-高效极客技巧 (dcloud.io)   

下载好之后解压到D盘,右键-发送到-桌面快捷模式,这样就能在桌面打开了

二、项目的创建

1.打开软件,关闭起始页

点击新建项目或者点击文件-新建-项目

输入项目名称,选择文件存储地址(最后建一个专属文件夹都存一块)

你的第一个项目创建完成了,看一下源文件夹:

打开index.html

<!DOCTYPE><!--声明为 HTML5 文档-->
<html>      <!--HTML 页面的根元素-->
    <head><!--描述了文档的标题-->
        <meta charset="utf-8"><!--utf-8编码,文本基本都是这个编码-->
        <title>html</title><!--页面标题,打开网页显示的标题-->
    <head>
    <body><!--网页显示标签,body标签内的信息都会在页面中显示-->
       
    </body>
</html>

在此之前先了解下什么是HTML:

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言

三、书写代码

HTML代码都写在body标签内

认识第一个HTML标签:

h1   可以理解为word的标题1,最大的标题,h后面的数字越小,标签内的文字越小

<h1>开始标签

</h1>结束标签

就像body也有开始结束,大部分标签都有开始结束,部分则直接是结束标签,以后再说

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>HTML</title>
	</head>
	<body>
		<h1>hello world</h1>
	</body>
</html>

然后ctrl+s保存后运行到浏览器,没有可以自己下一个,谷歌、火狐、edge都可以,你的第一个项目就运行完成了

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值