HTML5

最新推荐文章于 2024-06-02 23:26:49 发布

风明轻扬

最新推荐文章于 2024-06-02 23:26:49 发布

阅读量82

点赞数

分类专栏： web 文章标签： html5 eclipse 前端

本文链接：https://blog.csdn.net/weixin_47084571/article/details/128974477

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前端技术

1 概念

HTML是HyperText Markup Language的简称，中文名称：超文本标记语言，它是一种用于创建网页的
标准标记语言。
标记语言是由标签构成的语言。<标签名称>例如html，xml；标记语言不是编程语言。
HTML 运行在浏览器上，由浏览器来解析。

2 快速入门

html文档的后缀名
.html和.htm两种都可以，没有区别。授课中都是.html后缀名，个人习惯不同而已。
标签的分类
围堵标签：有开始标签和结束标签，例如
自闭和标签：开始标签和结束标签都在一个标签中
标签可以嵌套，但是嵌套的语法要正确

正确案例：<p><a></a></p>
错误案例：<p><a></p></a>

标签的内部是可以定义属性的，属性由键值对组成，值需要用双引号引起来，多个属性用空格隔开

<标签名称 属性名1="属性值" 属性名2="属性值"></标签名称>
<p id="p1" name="p1">
</p>

html标签不区分大小写，但是推荐全小写

3 开发工具-HBuilder

记事本、notepad都可以，但是开发效率低。所以我们直接选择更快捷便利的开发工具HBuilder,也有
其他的开发工具，我们就不在这里一一赘述了。授课中我们使用的是HBuilder工具，如果同学们有自己
惯用的工具，也可以自由选择。

3.1 HBuilder的介绍

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了
Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了
Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升
HTML、js、css的开发效率。

3.2 HBuilder的下载

如果想要自己下载，以下是下载地址。注意下载步骤示例图中的内容不是固定不变的，因为
HBuilder官网有时也会随时变更。如果同学自己下载的时候遇到不一样的部分，请根据官网内容
自行查找。
HBuilder下载地址：https://www.dcloud.io/
在这里插入图片描述

3.3 HBuilder的安装与使用

HBuilder是免安装的，解压之后即可使用。

在这里插入图片描述

3.4使用HBuilder创建项目

在这里插入图片描述

创建完毕之后自动生成的目录结构：

在这里插入图片描述

4 HTML文档的基本结构

HTML文档也叫web页面。

4.1 基本结构

<!-- 声明当前文档是html5文档 -->
<!DOCTYPE html>
<!-- html,根元素 ，围堵标签-->
<html>
    <!--
        head,头元素：
        作用：
        1、用于指定HTML文章中的一些元数据，
        例如元数据 meta：定义页面的编码格式
        		title:定义页面的标题
        2、引入外部的资源文件--未来讲解
    -->
    <head>
        <meta charset="utf-8" />
        <title>这是我的第一个HTML页面</title>
    </head>
    <!--body，主体：浏览器显示的内容都将在这里编写
    	格式化代码的快捷键：ctrl+shift+f（英文状态下使用）
    -->
    <body>
        hello html 这是我的第一个HTML页面
    </body>
</html>

4.1 HTML的注释

语法：
HTML注释以<!-- 开头 ，以-->结尾。
注释的部分浏览器不解析，注释是为了给程序员看，更好的了解html代码
<!--
    这里编写HTML注释，
    可以是一行，也可以是多行
-->

风明轻扬

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
复制链接

扫一扫