HTML网页制作学习基础二

文章目录


前言

       小白学习网页制作的第二周,今天来学习制作三个可以互相点击的网页。


一、制作第一个网页

1.首先打开DreamWeaver CS6

2.新建站点

3.新建文件夹 

点击新建->新建文档->文档类型选择HTML 5->点击创建

下图为创建页面 

4. 认识基本语法

  1.     <!doctype html><!--它是html5标准网页声明-->
  2.     <html><!--根元素-->
  3.     <head><!--头部-->
  4.     <meta charset="utf-8"><!--字符集为uft-8-->
  5.     <title>无标题文档</title><!--标题-->
  6.     </head>
  7.     <body>
  8.      <!--这是网页内容-->
  9.         <p>这是段落标签</p>
  10.     </body>
  11.     </html>

5.第一个网页代码

 其中<img src="图片地址" /><!--插入图片-->,align="center"表示让段落或图片居中。

<a herf="链接地址" target="_blank"是在此窗口外在新建一个窗口><!--建立链接--></a>。

结果如下:

代码正确的话鼠标点击图片鼠标会变为手的模样,表示链接第二个网页。 

二、第二个网页

代码如下:

其中<h1>HTML百科</h1>表示一级标题,<hr/>表示线段其中size、color、width分别表示线段的长度颜色和宽度。

实现如图:

代码实现成功的话点击返回会返回第一个网页,点击下一页会前往第三个网页。

三、第三个网页

代码如下:

实现如下:

 代码实现成功的话点击返回会返回第一个网页,点击上一页会前往第二个网页。


总结

以上就是今天要讲的内容,本文介绍了我的三个网页的简单制作,后面的学习会持续更新,请大家多多关注。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值