如何制作一个这样的百度网页

一、img标签(制作这样一个网页需要先导入一个图片--百度的logo)

 例如:-- 本地图片   <img src="/img/yujinxiang.jpg" alt=""> 如果返回上一级目录则需加../

 注意:!-- 图片内容不能随便乱放 --

 二、超链接标签

    href :超文本引用 target:_blank_self(默认)  

    例如:<a href="http://www.baidu.com">百度一下</a>

代码为:

运行图片:

三、input控件

1.单行文本输入框 

<input type="text" value="" >

2.设置按钮

    例如:<input type="button" value="百度一下">

    <button>百度一下</button>---------此方法也可以设置按钮

代码为:

运行后:

四、接下来

后面的也是用到了超链接标签,img标签 导入图片,并且设置图片尺寸大小为20

运行后为:

五、特殊字符

从浏览器上查找了特殊字符,截取了一些,其中用到的&copy

代码为:

运行结果:

注意:文本居中使用的css的属性: text-align:center;

      最后,整个页面都制作完成啦,我今天学习了这些知识点,做了这个网页作业,虽然过程中也有向同学请教,但真的不难,很容易理解,大家都练起来吧,加油加油!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值