前端入门介绍及HbuilderX的下载

1.web的基本组成:

结构 (html) 表现 (css) 行为(js)

2.html:超级文本标记语言。

html5:html的第五个版本。

3.html的基本结构

<!--文档头部声明 声明它是个html文件-->
<!DOCTYPE html>
<!-- 根元素  告诉文件我要在这里面写html代码 -->
<html>
  <!--浏览器的头部-->
  <head>
    <!-- 编码格式 -->
    <meta charset="utf-8" />
    <!-- 浏览器的标题 -->
    <title></title>
  </head>
  <body>
    <!-- 浏览器的主体 -->
  </body>
</html>

4.html基本语法

1、双标签  有开始有结束
描述:<附近的第一个单词为标签名 如果有属性 那么直接写在起始标签内 属性="属性值" 如果有多个属性空格隔开
我们管这一类的属性 叫html属性 因为直接写在起始标签内
<标签名 属性="" 属性=""></标签名>

2、单标签 有开始 以/结束
<标签名 属性="" 属性="" />

5、html常用标签

标签的叫法
标签(标记)(html里)          元素(css里)              节点(js里)
<h1>一级标题 往往用于logo附近 一个页面只有一个</h1>
<h2>二级标题 往往用于大模块标题</h2>
<h3>三级标题 往往用于小模块标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落标签</p>
<i>自带倾斜</i>
<em>自带倾斜</em>
<b>自带加粗</b>
<strong>自带加粗</strong>
<br/> <!--换行-->
<hr/> <!--内容分割线-->
<sup>上标</sup>
<sub>下标</sub>
<del>自带删除线</del>
<u>自带下划线</u>

6.HbuilderX的下载:

链接: https://pan.baidu.com/s/1F3nzF5smexu-B1TnvEFCOA?pwd=a3xu

提取码: a3xu 

注意:直接下载安装即可

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
当然!我可以为您提供一些关于 HBuilderX 的教学指南。 HBuilderX 是一个基于 VS Code 平台的集成开发环境(IDE),主要用于前端开发。以下是一些教学资源和步骤,帮助您入门和学习 HBuilderX: 1. 安装 HBuilderX:首先,您需要从官方网站(https://www.dcloud.io/hbuilderx.html)下载并安装 HBuilderX。根据您的操作系统,选择适当的版本进行安装。 2. 了解界面和功能:打开 HBuilderX 后,您将看到一个类似于 VS Code 的界面。熟悉各个面板和工具栏的位置,了解它们的功能。 3. 创建项目:使用 HBuilderX,您可以创建各种类型的项目,例如 HTML、CSS、JavaScript、Vue.js 等。选择“文件”>“新建”>“项目”,然后根据您的需求选择相应的项目类型。 4. 编辑代码:HBuilderX 提供了丰富的代码编辑功能。您可以使用代码提示、自动完成等功能来提高开发效率。在编辑器中编写和修改代码,并通过保存进行实时预览。 5. 调试和运行:HBuilderX 支持调试功能,您可以设置断点、单步执行代码、查看变量等。通过点击工具栏上的“调试”按钮,您可以启动调试模式并运行您的代码。 6. 插件扩展:HBuilderX 还支持插件扩展,您可以根据自己的需求安装和使用各种插件。您可以在 HBuilderX 的“插件市场”中查找并安装所需的插件。 7. 学习资源:除了上述基本步骤外,您还可以参考官方文档、教程和示例代码,加深对 HBuilderX 的理解和应用。 这些是入门 HBuilderX 的一些基本步骤和资源。希望对您有所帮助!如果您有任何具体的问题或需要更深入的指导,请随时告诉我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值