什么是网页和网站

网页是构成网站的基本元素，它是一个包含HTML标签的纯文本文件。通常由图片，链接、文字、声音、视频等元素组成。通常我们看到的网页。常见的以.html或.htm后缀结尾的文件，因此将其俗称为HTML文件。

网站可以认为是放在一个服务器上的文件夹，它包含了很多网页文件以及很多的子文件夹。用户访问网站就是读取文件的内容。

服务器其实就是一台计算机，它和我们平时使用的笔记本、台式机并没有什么区别，都是由主板、CPU、内存、风扇等部件构成。不过，服务器一般是不带显示器、键盘、音响等外设的（当然它也支持这些外设），因为服务器的唯一用途就是运行网站，没有其他作业。服务器一般放在专业的机房内，这些机房温度恒定、网络通畅，有备用电源、容灾备份，能够确保服务器7x24小时的不间断运行。

什么是HTML

HTML英文全称是Hyper Text Markup Language，中文是“超文本标记语言”，专门用来设计和编辑网页。

超文本也叫超级纯文本，这意味着HTML文档不仅能够包含文本（文字），还能够包含图片、视频、音频、表格、链接、按钮、输入框等高级内容。

超链接是互联网的纽带，它能够将众多网页连接在一起，让他们交织在一起，形成一张“网”。如果没有超链接，就没有互联网。HTML是一种计算机语言，但它不能编程，只能用来标记网页中的内容。HTML通过不同的标签来标记不同的内容、格式、布局等等。

HTML标签

- <img>标签表示一张图片；
- <a>标签表示一个链接；
- <table>标签表示一个表格；
- <input>标签表示一个输入框；
- <p>标签表示一段文本；
- <div>标签表示块级布局；

注意：

1. HTML标签是由尖括号包围的关键词构成，例如<html>，并且<html>和</html>成对出现；
2. 除了少数标签外，大多数HTML标签都是成对出现，例如<b>和</b>
3.成对出现的标签中，第一个标签成为开始标签，第二个标签成为结束标签（闭合标签）
4.HTML中不同的标签可以实现不同的效果

HTML文档结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<!--
<!DOCTYPE html>：这是文档声明
<html></html>：该标签是HTML页面的根标签，其他所有的标签都需要在<html>和</html>标签之间定义
<head></head>：该标签用来定义HTML文档的一些头部信息。比如标题、编码格式等等
<meta charset="UTF-8">：用来指明当前网页采用UTF-8编码，UTF-8是全球通用的编码格式
<title></title>：该标签用来定义网页的标题，网页标题会显示在浏览器的标签栏
<body></body>：该标签用来定义网页中我们能通过浏览器看到的所有内容，例如段落、标题、图片、链接等等
-->

以下举个例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新政策新举措频出 我国高水平开放“加速跑”</title>
</head>
<body>
<h1>新政策新举措频出 我国高水平开放“加速跑”</h1>
<p>央视新闻 &emsp;2023-12-05 09:23&emsp;北京</p>
<hr>
<p>
    近期，一系列标志着进一步扩大开放的新政策新举措，引发了广泛关注，比如新版外国人永久居留身份证签发启用、中外往来航班大幅增加、首列老挝粮食专列通过中老铁路入境我国等等。国内外人员往来更加便利，货物流通更加顺畅，我国高水平开放正在提质增速。<br><br>
    多个机场口岸迎来免签旅客<br><br>
    从12月1日开始，我国试行扩大单方面免签国家范围，从原先的2个增加到8个。在原来文莱、新加坡的基础上，增加了法国、德国、意大利、荷兰、西班牙、马来西亚。连日来，我国多个机场口岸迎来首批免签旅客。
</p>
<a href="http://www.taobao.com">请点击</a>
</body>
</html>

输出结果：

<form>
    <span>用户名：</span><input type="text"><br><br>
    <span>密&emsp;码：</span><input type="password"><br><br>
    <span>年&emsp;龄：</span><input type="text"><br><br>
    <span>性&emsp;别：</span>
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女<br><br>

    <span>技&emsp;能：</span>
    <input type="checkbox" name="skill">python
    </span><input type="checkbox" name="skill">java
    </span><input type="checkbox" name="skill">php
    </span><input type="checkbox" name="skill">c++<br><br>

    <span>城&emsp;市：</span>
    <select>
        <option>长沙</option>
        <option>重庆</option>
        <option>上海</option>
    </select><br><br>
    <span>自我介绍：</span><input type="text"><br><br>

    <input type="reset">&emsp;&emsp;&emsp;&emsp;&emsp;
    <input type="submit">
    <input type="button" value="提交">

</form>

输出结果：

值得注意的是，input type="button" value="提交"和input type="submit"都是显示的【提交】的字样，但是前者没有任何功能，后者具体提交到指定地点的功能。

HTML页面构成

什么是网页和网站

什么是HTML

HTML标签

HTML文档结构