制作网页的代码叫什么语言（制作网页的代码列示）

全称：HyperText Markup Language（超文本标记语言）。

超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。

标记：文本要变成超文本，就需要用到各种标记符号。

语言：每一个标记的写法、读音、使用规则，组成了一个标记语言。

1. IETF

全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。官网：IETF | Internet Engineering Task Force

2. W3C

全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。共计发布了200多项技术标准和实施指南，对互联网技术的发展和应用起到了基础性和根本性的支撑作用，官网：W3C

3. WHATWF

全称：Web Hypertext Application Technology Working Group（网页超文本应用技术工作小组）成立于2004年，是一个以推动网络HTML 5 标准为目的而成立的组织。由Opera、Mozilla基金会、苹果，等这些浏览器厂商组成。官网：Web Hypertext Application Technology Working Group (WHATWG)

第一步：鼠标右键 => 新建 => 文本文档 => 输入内容，并保存。
第二步：修改后缀为 .html ，然后双击打开即可。
程序员写的叫 源代码，要交给浏览器进行渲染。
借助浏览器看网页的 源代码，具体操作：在网页空白处：鼠标右键 ==> 查看网页源代码

标签又称元素，是HTML的基本组成单位。
标签分为：双标签 与 单标签 （绝大多数都是双标签）。
标签名不区分大小写，但推荐小写，因为小写更规范。
双标签：

单标签：

标签之间的关系：并列关系、嵌套关系，可以使用 tab 键进行缩进：

用于给标签提供 附加信息。可以写在：起始标签 或 单标签中，形式如下：

有些特殊的属性，没有属性名，只有属性值，例如：

<input disabled>

注意点：

不同的标签，有不同的属性；也有一些通用属性。

属性名、属性值不能乱写，都是W3C规定好的。

属性名、属性值，都不区分大小写，但推荐小写。

双引号，也可以写成单引号，甚至不写都行，但还是推荐写双引号。

标签中不要出现同名属性，否则后写的会失效，例如：

在网页中，如何查看某段结构的具体代码？—— 点击鼠标右键，选择“检查”。
【检查】和【查看网页源代码】的区别：
1. 【查看网页源代码】看到的是：程序员编写的源代码。
2. 【检查】看到的是：经过浏览器 “处理” 后的源代码。
  备注：日常开发中，【检查】用的最多。
网页的 基本结构 如下：
1. 想要呈现在网页中的内容写在 body 标签中。
2. head 标签中的内容不会出现在网页中。
3. head 标签中的 title 标签可以指定网页的标题。
4. 图示：
5. 代码：
```
<html>
    <head>
        <title>网页标题</title>
    </head>
    <body>
        ......
    </body>
</html>
```

特点：注释的内容会被浏览器所忽略，不会呈现到页面中，但源代码中依然可见。
作用：对代码进行解释和说明。
写法

        <!-- 这是注释 -->

注释不可以嵌套，以下这么写是错的（反例）。

        <!--         我是一段注释         <!-- 我是一段注释 -->         -->

作用：告诉浏览器当前网页的版本。

写法：
- 旧写法：要依网页所用的HTML版本而定，写法有很多。
  具体有哪些写法请参考：W3C官网-文档声明（了解即可）
- 新写法：一切都变得简单了！W3C 推荐使用 HTML 5 的写法。
```
        <!DOCTYPE html>
        或
        <!DOCTYPE HTML>
        或
        <!doctype html>
```

注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。

计算机对数据的操作：
- 存储时，对数据进行：编码。
- 读取时，对数据进行：解码。

编码、解码，会遵循一定的规范 —— 字符集。
字符集有很多中，常见的有（了解）：
1. ASCII ：大写字母、小写字母、数字、一些符号，共计128个。
2. ISO 8859-1 ：在 ASCII 基础上，扩充了一些希腊字符等，共计是256个。
3. GB2312 ：继续扩充，收录了 6763 个常用汉字、682个字符。
4. GBK ：收录了的汉字和符号达到 20000+ ，支持繁体中文。
5. UTF-8 ：包含世界上所有语言的：所有文字与符号。—— 很常用

使用原则是怎样的？
原则1：存储时，务必采用合适的字符编码。

否则：无法存储，数据会丢失！

原则2：存储时采用哪种方式编码，读取时就采用哪种方式解码。

否则：数据错乱（乱码）！

总结：

平时编写代码时，统一采用 UTF-8 编码（最稳妥）。
为了让浏览器在渲染 html 文件时，不犯错误，可以通过 meta 标签配合 charset 属性指定字符编码。

        <head>         <meta charset="UTF-8"/>         </head>

主要作用：
让浏览器显示对应的翻译提示。

有利于搜索引擎优化。

具体写法：

        <html lang="zh-CN">

扩展知识： lang 属性的编写规则（了解即可）。
1. 第一种写法（语言-国家/地区），例如：
  zh-CN ：中文-中国大陆（简体中文）
  
  zh-TW ：中文-中国台湾（繁体中文）
  
  zh ：中文
  
  en-US ：英语-美国
  
  en-GB ：英语-英国
2. 第二种写法（语言—具体种类）已不推荐使用，例如：
  zh-Hans ：中文—简体
  
  zh-Hant ：中文—繁体

HTML标准结构如下：

        <!DOCTYPE html>
        <html lang="zh-CN">
            <head>
                <meta charset="UTF-8">
                <title>我是一个标题</title>
            </head>
            <body>
        
            </body>
        </html>

在VScode中输入 ! ，随后回车即可快速生成标准结构。

配置 VScode 的内置插件 emmet ，可以对生成结构的属性进行定制。

在存放代码的文件夹中，存放一个 favicon.ico 图片，可配置网站图标。

到此这篇制作网页的代码叫什么语言（制作网页的代码列示）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！

上一篇： windows批处理命令教程（windows批处理命令教程(开发者社区) pdf）

下一篇：谷歌手机发送验证码无法用于验证（google手机验证码无法验证）

版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/goyykf/66755.html

1. IETF

2. W3C

3. WHATWF

相关文章：