1、网站的概念
一个网站由许多网页构成，网页之间互相链接，浏览者通过链接在页面之间跳转
网站首页是整个网站的入口，一般命名为index.html。
一个网站通常会有大量的网页文件、图片文件、以及其他文件，所以需要用文件夹进行管理
创建一个“个人网站”文件夹，制作个人简介、个人相册、个人日记三个网页，准备好网站需要的图片素材存放到网站文件夹下的img文件夹中。
图片文件的位置
相对定位：相对于当前网页文件来定位图片文件，路径中 .. 代表上一级文件夹
绝对定位：整个互联网唯一的定位地址。
2、用notepad++编写网页代码
notepad++是一款小巧灵活、功能实用的代码编辑软件，可以用来编写网页代码以及多种编程语言代码。
下载安装
官网下载地址：https://notepad-plus.en.softonic.com/download
对于编写网页代码有哪些实用功能
- 同时打开多个源文件
- 代码高亮显示
- 代码自动提示
- 代码折叠
- 行号显示、定位
- 寻找标记的另一半
- 自动补全
- 常用快捷键：Ctrl+Shift+Q区块注释 Ctrl+G行定位 Ctrl+D复制当前行 Ctrl+L删除当前行 Ctrl+F查找 F3查找下一个
3、超链接
超链接标记<a></a>
<a href="地址" target="目标窗口">内容</a>
href属性的取值：
可以是任何文件，可以相对定位也可以绝对定位。
链接到其他文件
如果链接目标是图片、文本、网页则直接在浏览器中打开。链接到其它类型的文件，则点击时提示下载。
target属性的取值：
- _blank 在新窗口中打开链接目标。
- _self 在本窗口中打开链接目标，默认值。
空链接
<a herf=“#”>内容</a> 会显示一个超链接，但点击不会跳转。
以图片作为超链接
<a href=“#”> <img/> </a>
4、一个标准的网页
HTML5申明
网页开头加一句 <!DOCTYPE html> 让浏览器知道这是一个符合规范的html5文档。
网页字符集申明
计算机中一切都是数字，要将文字存入计算机，必须将每一个字用一个唯一的数字来表示（就是编码），为此早期我国制定了GB2312字符集，将所有的中文字符指定了对应的编码，后来还对这个字符集进行了扩充，叫GBK。
其他国家同样需要解决这个问题，所以每个国家都有各自的字符集。英文字母在所有字符集中都是统一的编码，所以网页上显示英文无需考虑字符集。
如果我们做的网页不申明字符集，当你把你的网页发给你的韩国朋友欣赏时，他看到的就是韩文乱码，如果你申明了字符集，他看到的就是中文。
<meta charset="gb2312" />
utf8字符集将全世界主流国家的文字都进行了统一编码，如果网页上同时出现多国文字可以用这种字符集，注意：网页文件存储格式也要相应改变。
HTML注释
<!-- --> 注释的作用，可以在源代码中添加注解，也可以暂时屏蔽一段代码。
5、一个标准的HTML5空白文档
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8” />
<!– 如果修改字符集应该同时改变文件存储格式-->
</head>
<body>
</body>
</html>
在线咨询