前言
小白学习网页制作的第二周,今天来学习制作三个可以互相点击的网页。
一、制作第一个网页
1.首先打开DreamWeaver CS6
2.新建站点
3.新建文件夹
点击新建->新建文档->文档类型选择HTML 5->点击创建
下图为创建页面
4. 认识基本语法
- <!doctype html><!--它是html5标准网页声明-->
- <html><!--根元素-->
- <head><!--头部-->
- <meta charset="utf-8"><!--字符集为uft-8-->
- <title>无标题文档</title><!--标题-->
- </head>
- <body>
- <!--这是网页内容-->
- <p>这是段落标签</p>
- </body>
- </html>
5.第一个网页代码
其中<img src="图片地址" /><!--插入图片-->,align="center"表示让段落或图片居中。
<a herf="链接地址" target="_blank"是在此窗口外在新建一个窗口><!--建立链接--></a>。
结果如下:
代码正确的话鼠标点击图片鼠标会变为手的模样,表示链接第二个网页。
二、第二个网页
代码如下:
其中<h1>HTML百科</h1>表示一级标题,<hr/>表示线段其中size、color、width分别表示线段的长度颜色和宽度。
实现如图:
代码实现成功的话点击返回会返回第一个网页,点击下一页会前往第三个网页。
三、第三个网页
代码如下:
实现如下:
代码实现成功的话点击返回会返回第一个网页,点击上一页会前往第二个网页。
总结
以上就是今天要讲的内容,本文介绍了我的三个网页的简单制作,后面的学习会持续更新,请大家多多关注。