前端；HTML；笔记分享，知识回顾

攻城狮幼崽

于 2024-08-23 21:00:00 发布

阅读量928

点赞数 29

分类专栏：笔记分享 HTML HBuilder 文章标签：前端 html 笔记

本文链接：https://blog.csdn.net/weixin_72637723/article/details/141438519

版权

笔记分享同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

HBuilder

1 篇文章 0 订阅

订阅专栏

一，走进网络：网络编程的三大基石

url：

网址

统一资源定义符（项目外资源）通过url 可以唯一锁定一台计算机
补：uri：统一资源标识符（当前项目内）

http：

             传输协议
   https：指安全协议下的网址，规定了网络端和服务器端通信时的信息组成，信息格式，信息长度等。
   三大特性：
长链接：一旦客户端和服务器端建立链接，客户端可以一直使用链接资源，直达客户端主动断开连接（1版本之后都是长链接，短链接：客户端发送请求，服务器端给出一次回应就会断开链接）
单向性：只有客户端先发送了请求，服务器端才可以给出响应。
无状态：http规定，网络之间只进行数据传输，不进行数据的记录。

html：

超文本标记语言

有了html网页才能丰富多彩，使页面不至于只有文本。
通过各种不同的标签，将服务器端返回到信息解析后展示给用户看。

二，初识HTML

【1】HTML 指的是超文本标记语言: HyperText Markup Language

超文本：
普通人 vs 超人（比普通的人厉害）
普通文本 vs 超文本(比普通的文本厉害)
标记：
标记=标签
标签：<html> <body> <head> 由尖括号包围起来的关键词
分类：

双标记标签/封闭类型标签 <p></p>

单标记标签/非封闭类型标签 <br/>
语言：

HTML是一个描述网页的语言

总结：学习HTML就是学习各种各样的标签，然后组成一个页面，这个页面可以被浏览器解析，解析完以后可以在浏览器中将页面进行展示。

【2】HTML的作用：

学习HTML就是学习各种各样的标签，然后组成一个页面，这个页面可以被浏览器解析，解析完以后可以在浏览器中将页面进行展示。

【3】HTML标准结构：

【1】先用普通文本文档新建一个文本，将文本的后缀改为.html 或者 .htm （大小写不区分）
【2】编辑：标准结构：
<html>
<head></head>
<body>
this is my first html....
</body>
</html>

【3】运行界面：让浏览器解析：直接用浏览器将文件打开即可

三，html 的IDE HBuilder

1，什么是HBuilder？

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

2，如何安装 HBuilder？

HBuilder下载地址：在HBuilder官网http://www.dcloud.io/点击免费下载，下载最新版的HBuilder。

HBuilder目前有两个版本，一个是windows版，一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。

3，使用HBuilder新建项目

依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))

创建html文件：

（8）在空白界面中快捷键 h8:

（8）在空白界面中快捷键 h8可以得到html标准结构:

<html>
        <head>
                <title></title>
        </head>
        <body>
                this is my second html...
        </body>
</html>

保存：ctrl+s 并运行：