"HTML 语言详细教程：全面掌握前端开发的基础"

需积分: 9 130 浏览量更新于2024-01-20 收藏 1.87MB PDF 举报

HTML语言是互联网开发的基础，本教程为详细介绍HTML语言的所有内容，适合初学者入门以及参考手册查阅语法。 HTML的全称是超文本标记语言（HyperText Markup Language），是网页使用的语言，用于定义网页的结构和内容。当我们访问一个网站时，浏览器会从服务器下载HTML代码，并根据其渲染出网页。 HTML语言最大的特点就是支持超链接，通过超链接可以跳转到其他网页，从而构成了整个互联网。HTML语言的发明者是欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee），他在上世纪90年代发明了HTML语言。HTML 4.0.1发布于1999年，成为广泛接受的HTML标准。而目前正在使用的版本是2014年发布的HTML 5。浏览器的网页开发涉及三种技术：HTML、CSS和JavaScript。HTML语言用来定义网页的结构和内容，CSS样式表用来定义网页的样式，而JavaScript语言用来定义网页与用户的互动行为。下面是一个简单网页的HTML源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>网页标题</title> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> <a href="http://www.example.com">这是一个链接</a> </body> </html> 在上面的HTML源码中，首先使用DOCTYPE声明指定HTML的版本为html。接着使用<html>标签定义了一个HTML文档的开始。然后使用<head>标签定义了文档的头部，其中包括了<meta>标签用来指定字符集为UTF-8，<title>标签定义了网页的标题。在<body>标签内部，我们可以定义网页的具体内容。上述代码定义了一个<h1>标签，用来显示一个大标题。接着使用<p>标签定义了一个段落，<a>标签定义了一个超链接，指向http://www.example.com。通过上述的HTML源码，我们可以看到HTML语言的基本语法规则：使用尖括号括起来的标签来表示不同类型的元素，标签可以有属性，属性用于指定元素的具体属性值。 HTML语言的学习和掌握，对于从事互联网开发的前端工程师来说是必不可少的。通过学习HTML语言，我们可以了解网页的结构和内容的定义方式，掌握超链接的使用方法，从而构建出优秀的网页。

3.2.5、accesskey

accesskey 属性指定网页元素获得焦点的快捷键，该属性的值必须是单个的可打印字符。只要按下快捷

键，该元素就会得到焦点。

上面代码中， <button> 的快捷键是 s，按下快捷键，该元素就得到了焦点。

accesskey 属性的字符键，必须配合功能键，一起按下才会生效。也就是说，快捷键是“功能键 + 字符

键”的组合。不同的浏览器与不同的操作系统，功能键都不一样。比如，Chrome 浏览器在 Windows 系

统和 Linux 系统的快捷键是 Alt + 字符键，在 Mac 系统的快捷键是 Ctrl + Alt + 字符键。

注意，accesskey 如果跟操作系统或浏览器级别的快捷键有冲突，这时不会生效。

3.2.6、style

style 属性用来指定当前元素的 CSS 样式。

<p style="color: red;">hello</p>

上面代码指定文字颜色为红色。

3.2.7、hidden

hidden 是一个布尔属性，表示当前的网页元素不再跟页面相关，因此浏览器不会渲染这个元素，所以就

不会在网页中看到它。

<p hidden>本句不会显示在页面上</p>

上面代码中，这个 p 元素不会出现在网页上。

注意，CSS 的可见性设置，高于 hidden 属性。如果 CSS 设置该元素可见，hidden 属性将无效。

3.2.8、lang, dir

lang 属性指定网页元素使用的语言。

<p lang="en">hello</p>

上面代码中，第一个 <p> 的 lang 属性，表示使用英文，第二个 <p> 的 lang 属性，表示使用中文。lang

属性的值，必须符合 BCP47 的标准。下面是一些商检的语言代码。

4.2、字符的数字表示法

网页可以使用不同语言的编码方式，但是最常用的编码是 UTF-8。UTF-8 编码是 Unicode 字符集的一

种表达方式。这个字符集的设计目标是包含世界上的所有字符，目前已经收入了十多万个字符。

每个字符有一个 Unicode 号码，称为码点（code point）。如果知道码点，就能查到这是什么字符。举

例来说，英文字母 a 的码点是十进制的 97 （十六进制的 61 ），汉字“中”的码点是十进制的

20013 （十六进制的 4e2d ）。

1. 不是每个 Unicode 字符都可以打印出来，有些没有可打印形式，比如换行符的码点是十进制的 10

（十六进制的 A），就没有对应的字面量形式。

2. 小于号（ < ）和大于号（ > ）用来定义 HTML 标签，其他需要用到这两个符号的场合，必须防止

它们被解释成标签。

3. 由于 Unicode 字符太多，无法找到一种输入法，可以直接输入所有这些字符。换言之，没有一种键

盘，有办法输入所有符号。

4. 网页不允许混合使用多种编码，如果使用 UTF-8 编码的同时，又想插入其他编码的字符，就会很

困难。

HTML 为了解决上面这些问题，允许使用 Unicode 码点表示字符，浏览器会自动将码点转成对应的字

符。

字符的码点表示法是 &#N （十进制，N 代表码点）或者 &#xN （十六进制，N 代表码点），比如，字符

a 可以写成 a （十进制）或者 a 十六进制，字符中可以写成 中 （十进制）或

者 中 （十六进制），；浏览器会自动转换它们。

<p>hello</p>

<p>hello</p>

<p>hello</p>

上面代码中，字符可以直接表示，也可以使用十进制码点或十六进制码点表示。

注意，HTML 标签本身不能使用码点表示，否则浏览器会认为这是要显示的文本内容，而不是标签。比

如， <p> 一旦写成 <p> 或者 <p> ，浏览器就不再认为这是标签了，而会当作文本内

容将其显示为 <p> 。

4.3、字符的实体表示法

数字表示法的不方便之处，在于必须知道每个字符的码点，很难记忆。为了能够快速输入，HTML 为了

一些特殊字符，规定了容易记忆的名字，允许通过名字来表示它们，这称为实体表示法（entity）。

剩余88页未读，继续阅读

alonghuang

粉丝: 64
资源: 1

"HTML 语言详细教程：全面掌握前端开发的基础"

JavaScript前端开发案例教程-源代码.rar

Web-前端教程02 初遇 HTML 最基础的那些标签.zip

Web前端开发简明教程-源代码（HTML+CSS+JavaScript+jQuery）

html前端开发教程

《web前端开发简明教程(html+css+javascript+jquery)》pdf

学习MybatisX，学习前端HTML CSS JAVASCRIPT语言

web前端开发新手教程

vscode使用教程 前端

请帮我写一端详细的前端HTML加vue框架的代码向go语言后端传输数据并接收返回数据，然后加以解释

html5+css3+javascript web前端开发案例教程(慕课版)答案

最新资源

vscode使用教程前端