web前端开发之认识HBuilder和html语言_html和hbuilder有什么区别-程序员宅基地

技术标签： web开发

前言

在官网上下载HBuilder后，也可点击下载->HBuilder下载安装很简单，就不一一介绍了，这篇帖子呢，主要是写 HBuider的基本用法和一些html语言的东西。好了不多说了，看下面。
本节目录：
Hbuilder的使用
HTML内容

Hbuilder的使用

1.新建

我们要先新建一个web工程，然后再去建hmtl文件，具体如下：
a.新建web工程
在这里插入图片描述

b.在刚刚新建好的web里面新建html文件。

这样我们就新建好了。

2.运行

当写好html代码之后，如何运行呢？看下面在这里插入图片描述
运行的浏览器可以有很多，自己选择一个浏览器就好了，这里呢我推荐用chrome浏览器，运行比较快。

HTML内容

简述

新建好之后，我们会发现主界面会出现一些代码，没错，那是HBuilder给的html的“模板”，这些代码也是不可或缺的，其他编译器可能不会自动生成，就需要我们去手敲了。在学习html语言之前，可以先了解一下html语言的简介，可以叫他超文本标记语言，他的代码是以标签的形式，用html标签语言只能做出可供人们浏览的静态网页，可以在百度百科上看这里我给出链接，点击即可查看->HTML简介。
简单理解html标签语言的书写；
html标签有关闭型和非关闭型两种，关闭型就是两个标签一起组成，而非关闭型则只有一个标签。
举例：关闭型标签

<html>   </html>     
以<html>开头，以</html>结束，结束标签都有/作为标记结束，两个标签之间存放文本

举例：非关闭型标签

<br>   换行标签，属于关闭型，没有结束标签，放到需要换行的文本的末尾即可

下面了解一下HTML的“模板”，如下图
在这里插入图片描述
标签里面还可以设置属性，比如上面的meta标签，charset就是他的属性，除此之外其他标签都有自己的属性，以后会学到。

演示

在标题和身体中写入文本，保存（这里ctrl+s快速保存），运行即可（运行方法在上面）。
在这里插入图片描述

这样在效果中能看出文本在浏览器中打印出来了，如果我们要给文字设置位置、背景、插入图片音频，超链接等等怎么办呢？别着急，下一个帖子教给你更多的html标签。

本文链接：https://blog.csdn.net/JIANGYINGH/article/details/104693460

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

简明Python3教程 11.数据结构-程序员宅基地

文章浏览阅读748次。简介数据结构基本上就是 – 可以将一些数据结合到一起的结构，换言之用于存储一组相关的数据。python拥有4种内建数据结构 – 列表，元组(tuple)，字典和集合。我们将看到如何它们，它们又是怎样使我们的编程生涯变的惬意~ 列表列表是一种用于保存有序元素集合的数据结构，即你可以在列表中存储元素序列。考虑一个购物清单，上面有你需要购买的物品列表，只不过你可能希望以行分隔

网络中进程之间如何通信-程序员宅基地

文章浏览阅读5k次，点赞2次，收藏10次。原文连接：http://www.cnblogs.com/skynet/archive/2010/12/12/1903949.html“一切皆Socket！”话虽些许夸张，但是事实也是，现在的网络编程几乎都是用的socket。——有感于实际编程和开源项目研究。我们深谙信息交流的价值，那网络中进程之间如何通信，如我们每天打开浏览器浏览网页时，浏览器的进程怎么与web服务

SQL列转行/行转列_列转行sql-程序员宅基地

文章浏览阅读2w次。工作中用到的一些sql记录：列转行、行转列_列转行sql

公司年夜饭之《千手胖观音》_18306293-程序员宅基地

文章浏览阅读667次。从走出幼儿园后，再一次上舞台表演--公司年夜饭之《千手胖观音》，哈哈，演出完毕，得一套水瓶水杯，聊胜于无，慰我不中奖之受伤心灵，:-P照片若干，哈哈~又及：删掉了面目太清楚地若干照片，观音是神圣的，哈哈，面目只能是糊涂的,这样想象的余地才大，对我佛才虔诚！_18306293

java中对象数组_java对象数组怎么实现？对象数组是什么？-程序员宅基地

文章浏览阅读892次。数组小伙伴们都接触过了，那对象数组是什么意思小伙伴们知道吗?它又该怎么实现呢?下面就一起看看吧。对象数组概念及实现publicclassStudent//成员变量privateStringname;privateintage;//构造方法publicStudent(){super();}publicStudent(Stringname,intage){super();th..._java对象数组怎么取值

宁波市第31届中小学程序设计比赛模拟试题【动态规划】cirs-程序员宅基地

文章浏览阅读646次。题目描述Czyzoiers 都想知道小 x 为什么对鸡蛋饼情有独钟。经过一番逼问，小 x 道出了实情：因为他喜欢圆。最近小 x 又发现了一个关于圆的有趣的问题：在圆上有2N 个不同的点，小 x 想用 N 条线段把这些点连接起来（每个点只能连一条线段），使所有的线段都不想交，他想知道这样的连接方案有多少种？输入有且仅有一个正整数 N（N≤3000）。输出要求的

随便推点

ActiveReports 9实战教程（3）：图文并茂的报表形式-程序员宅基地

文章浏览阅读155次。基于上面2节内容，我们搭建了AR9的开发环境，配置好了数据源。在本节，我们以官方提供的3个中文图文并茂的报表来展示AR9的功能，并通过实战的方式一一分享。以往做报表相关的工作时，最害怕的是报表的UI设计工作，当遇到一个布局非常复杂的报表，往往会花上两、三时间才能完成报表的UI设计工作。造成这一问题的原因除了报表本身比较复杂之外，其中一个主要原因就是报表设计器没有提供足够多的功能来辅助...

windows下caffe特征图可视化之前的配置-程序员宅基地

文章浏览阅读1.1k次。windows条件下caffe特征图的可视化方法

MySQL学习之数据库详解~2021-程序员宅基地

文章浏览阅读745次。MySQL1、初始MySQLJavaEE : 企业级java开发 Web前端 (页面:展示,数据! )后台 (连接点：连接数据库JDBC,连接前端(控制,控制视图跳转,和给前端传递数据)）数据库(存数据, Txt, Excel, word)只会写代码，学好数据库，基本混饭吃；操作系统，数据结构与算法！当一个不错的程序猿！离散数学，数字电路，体系结构，编程原理。+实战经验，高级程序猿~优秀的程序猿！1.1、为什么学习数据库1、岗位需求2、现在的世界，大数据时代~，得数据者得天下