编写第一个正式的网页-CSDN博客

本文链接：https://blog.csdn.net/m0_65334415/article/details/126880221

<html>
    <head>
        <title>第一个网页</title>
    </head>
    <body>
        <h1>回乡偶书</h1>
        <h2>其一</h2>
        <p>少小离家老大回</p>
        <p>乡音无改鬓毛衰</p>
    </body>
</html>

head里面的title里的是网页的标题

body里的是浏览器中显示出的，是给用户看的

HTML里的标签一般成对出现，但是也会有一些自结束标签，也就是不需要成对出现的标签

一、注释

<!--   要注释的内容    -->

HTML的注释：

注释中的内容会被浏览器所忽略，

不会在网页中直接显示，但是可以在源码中查看注释，

注释用来对代码进行解释说明的，

开发中一定要养成良好的编写注释的习惯，注释要求简单明了

注释还可以将一些不希望显示的内容隐藏

需要注意的是：注释不能嵌套

二、文档声明：

现在的生活水平和之前的相对比已经发生了惊天的变化，拿现在的汽车去给古代人去看，古代人是不知道这是个什么东西的，网页也是如此，从伯纳斯李创建第一个网页开始到现在，网页的版本也迭代了很多次了，网页的版本有html4,xhtml等等，一直到现在的html5，所以在我们书写网页的时候就会出现一个问题，那就是浏览器不知道我们写的是什么版本的网页，而且有的版本的标签用法已经淘汰，如果不告诉浏览器的话，可能就会出现不兼容的现象

所以我们在书写网页代码之前，要先告诉浏览器我们网页的版本

所以就有了文档声明

文档声明是用来告诉浏览器当前网页的版本，并且要写在最前面也就是第一行，因为浏览器解析代码的时候是从前往后解析的

HTML5的文档声明：

<!doctype html>
<!--大写或者小写都是对的-->

三、标签中的属性：

<!doctype html>
<html>
    <head>
        <title>标签的属性</title>
    </head>
    <body>
        <h1>这是我的<font color="yellow" size="3"第二个</font>网页</h1>
    </body>
</html>


<!--font用来告诉浏览器那部分要加属性-->

属性：在标签中（开始标签或者自结束标签）还可以设置属性

属性是一个名值对（x=y）

属性是用来设置标签中的内容如何显示

属性和标签名或者其他属性应该用空格隔开(怕混淆）

属性不能瞎写，应该根据文档中的规定来编写

有些属性有属性值，有些没有，如果有属性值，属性值应该用单引号或者双引号括起来

四、字符编码：

张三--->110000110110（编码）

110000110110-->张三（解码）

所有的数据在计算机中存储时都是以二进制形式存储的，文字也不例外，所以一段文字在存储到内存中时，都需要转换为二进制编码，当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读。

编码：

将字符转换为二进制的过程称为编码

解码：

将二进制码转换为字符的过程称为解码

字符集：

编码和解码所采用的规则称为字符集

乱码问题：

如果编码和解码所采用的字符集不同就会出现乱码问题

就好比不同国家翻译一句中文，可能这句中文在不同国家的意思都不一样，那么这样就会出现乱码的问题了

常见的字符集：

ASCII

GB2312

GBK

UTF-8

在开发的时候我们使用的字符集都是UTF-8

可以通过meta标签来设置网页的字符集，避免乱码问题

<meta  charsert="UTF-8">

综上所诉，一个正式的网页如下：

<!doctype html>
<!--文档声明，用来告诉浏览器网页的版本-->
<html>
<!--HTML的根标签（元素），网页中的所有内容都要写在根标签的里面-->
    <head>
<!--head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或者搜索引擎来解析网页-->
        <meta charset="UTF-8">
<!--meta标签是用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码问题-->
            <title>网页的标签</title>
<!--title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容判断网页的主要内容-->
    </head>
    <body>
<!--body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里-->       
             <h1>网页的大标题</h1>
    </body>
</html>