从零开始的web开发（一）
一，第一个程序
其中，第一行代码是对文档类型的声明，告诉浏览器这是一个HTML5的文档，<html>是根元素，它标记了程序的开始与结束。<head>是头部，其中存放的是网页的元信息，比如标题，字符集等。<title>是标题，它会显示在浏览器标签页上。<body>是程序的主体，其中存放的是网页的实际内容。<h1>表示的一级标题，是最大的字号。<p>表示的是段落。
二，几个重要的标签
1.<image>
它的核心语法是这样的：
<img src="路径" alt="替换文本" width="300" height="200">
src表示的是图片的来源（存在哪个文件夹中），alt表示的是如果没有图片，那么在图片的位置填写什么文本，width是对图片宽度的定义，height是对图片高度的定义。（这个标签是不用在后面加上</image>的）
2.<a>
是指超链接，其中有两个参数，一个是href，表示的是目标地址，一个是target，定义的是网页的打开方式（_blank表示的是新建标签页，_self表示的是在当前页打开）
3.meta
长这样：<meta.....>，这个东西要写在<head></head>中，是对浏览器，搜索引擎，社交平台"隔空喊话"的。
第一句话：<meta charset="utf-8">，是告诉浏览器这是用utf-8编码的，防止出现中文乱码，放在html的第一行，由此可以防止黑客做utf-7的攻击。
第二句话：<meta name="viewport" content="width=device-width, initial-scale=1">，就是告诉浏览器CSS设置的是多大就是多大，不要再对它整体的放缩。举个例子：我们把网页假设成一张画，这张画默认是按照980xp画好的。在没有上述代码的情况下，如果我们使用390px的手机进行浏览，那么浏览器会对其进行等比例的缩小，可能会导致我们看不到画上的一些细节，但是我们在加上上述代码的情况下，浏览器就不会进行等比例的缩小。
4.style
如果我们使用一句话对它的作用进行总结的话，就是可以让你用 CSS 控制网页中任何元素的外观和行为，从颜色字体到布局动画。
我们可以通过style标签，对网页的文本样式，背景样式等进行设置，下图就是例子。
我们看图中这串代码，就是使用style对网页的背景颜色，字体颜色，文本的对齐形式进行的设置。