第二课创建一个简单的个人网站单的网页-html+css-教学资料-长沙网学教育科技有限公司官网

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>

html+css

第二课 创建一个简单的个人网站单的网页