HTML总结（1）

最新推荐文章于 2024-05-05 17:01:45 发布

WildKingxue

最新推荐文章于 2024-05-05 17:01:45 发布

阅读量145

点赞数

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/wildkingxue/article/details/119608907

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一，HTML简介

1，HTML的来源？

HTML的英文全称是 Hyper Text Markup Language。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。

2，什么是HTML？

HTML是用来描述网页的一种超文本标记语言。

超文本--可以处理文本数据，也可以处理图片，音频，视频等数据。

标记--通过一个一个的具体标记来描述内容，标记不是我们自己想象制造的，而是有HTML语法格式规定的。

HTML 不是一种编程语言，而是一种标记语言。

HTML 使用标记标签来描述网页。

HTML 文档包含了HTML 标签及文本内容。

HTML文档也叫做 web 页面。

HTML作用--制作网页，可以用来作为软件界面使用

定义：超文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

3，HTML的历史版本有哪些？

①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。

②HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时.

③HTML 3.2：1997年1月14日，W3C推荐标准。

④HTML 4.0：1997年12月18日，W3C推荐标准。

⑤HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。

⑥HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。

4，HTML的特点？

超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网盛行的原因之一，其主要特点如下：

①简易性

②可扩展性

③平台无关性

④通用性

5，HTML的编辑方法？

①通过记事本编辑html文件【修改文件的名称后缀名是‘.html’】

首先：新建一个记事本

其次：输入代码

<html>
	<head>
		<meta charset="utf-8" />
		<title>html</title>
	</head>
	<body>
		<h1>HTML网页</h1>
	</body>
</html>

然后：保存，关闭修改文件名称【后缀改为“。html”】

最后：打开文件用浏览器运行

②通过HBuilderX编辑html文件

下载 https://www.dcloud.io/hbuilderx.html

安装--将下载好的压缩包在指定的目录先解压缩

运行HBuilderX.exe

文件---新建---html文件

设置字体大小---Ctrl+Shift+[+]--放大字体 Ctrl+Shift+[-]--缩小字体

设置主题 --- 工具--主题--自己选择

编辑html,保存【Ctrl+S】

<!DOCTYPE html>
<html>
      <head>
             <meta charset="utf-8">
             <title>html网页</title>
      </head>
      <body>
            <h1>我的第一个html网页</h1>
      /body>
</html>

运行运行---运行到浏览器---选择一个自己的浏览器

③VS Code的使用

VS Code编辑工具

下载VS Code编辑工具

双击运行安装文件，按步骤安装，安装时修改安装目录即可。

打开vscode

文件-->新建文件

文件--->另存为或者选中当前文件【Ctrl+S】保存新建的文件为html文件

编辑html代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>vscode</title>
    </head>
    <body>
        <h1>vscode 编辑HTML文件</h1>
    </body>
</html>

编辑完成以后，文件--->另存为或者选中当前文件【Ctrl+S】保存一下编辑的文件。

找到文件的标题右键找到Open in Default Browser,点击运行。

VS Code编辑工具汉化

首先点击扩展（也就是四个小方格），在搜索栏内输入 Chinese。

下载安装简体中文，点击 install ，在右下方会出现 restart 点击就好。

再重启 vs 后就会变成简体中文

Open in Default Browser运行问题

我们安装好的VS Code有时可能在运行的时候找不到Open in Default Browser选项，这是怎么办？

首先点击扩展（也就是四个小方格），在搜索栏内输入 Open。

下载安装open in browser，点击 install,就可以了。

6，HTML网页的结构方式？

一个html文件是由2个部分组成（head和body）

①head标记所表示的部分--html文件的头部

head标记中定义的内容是给浏览器提供的附加信息，告诉浏览器当前html文件应该如何执行

②body标记所表示的部分--html文件的身体

显示该用户当前html网页的具体内容

head标记用户不可见，body标记用户可见【不看脸，看身体】

7，HTML标记/标签/元素

html标签是由尖括号包围的关键字，比如<html>

html标签通常是成对呈现的，比如<b>和</b>

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

像下面的形式一样的结构:

<标签>内容</标签>

8，wed浏览器

浏览器是html网页的运行环境

浏览器的种类很多，但是主流的内核只有四种

Trident内核--是微软开发的一种排版引擎【internet explorer】

Gecko 内核 -- Gecko是一套开放源代码的、以C++编写的网页排版引擎，是最流行的排版引擎之一【Firefox】

WebKit 内核 -- WebKit 是一个开源项目，包含了来自 KDE 项目和苹果公司的一些组件，主要用于 Mac OS 系统，它的特点在于源码结构清晰、渲染速度极快【Chrome,Safari】

Presto 内核--由 Opera Software 开发的浏览器排版引擎【Opera】

同一个网页在不同内核的浏览器上可能会呈现出不同的效果

Sublime Text：http://www.html.cn/tool/edit/6.html

WebStorm:https://www.html.cn/tool/edit/8.html

HBuilderX: https://www.dcloud.io/hbuilderx.html

VS Code：https://code.visualstudio.com/

以上软件的官网中下载对应的软件，按步骤安装即可。

WildKingxue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML总结（1）

一，HTML简介1，HTML的来源？HTML的英文全称是 Hyper Text Markup Language。HTML是由Web的发明者Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。2，什么是HTML？HTML是用来描述网页的一种超文本标记语言。超文本--可以处理文本数据，也可以处理图片，音频，视频等数据。标记--通过一个一个的具体标记来描述内容，标记不是我们自己想象制造的，而是有H.
复制链接

扫一扫