如何用html制作百度首页


本文摘自PHP中文网,作者墨辰?R,侵删。

本篇文章适用与刚学html和css,练习一个比较简单的百度首页,因为百度的主页比较简单,大概分为三个部分:右上角的标签、Logo和表单、下面的版权信息。对于刚开始想要检测学习成果是一个不错的好方法,熟练后再去尝试写一些复杂的html网页。

下面是html制作百度首页的源码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>百度一下,你就知道</title>

</head>

<body>

<p align="right">

<font color="blue" size="2">

<a href="http://www.baidu.com/gaoji/preferences.html">搜索设置</a>

|<a href="http://passport.baidu.com">登陆</a>

|<a href="https://passport.baidu.com">注册</a>

</font>

</p>

<p align="center">

<img alt="百度" src="../images/baidu.gif" height="60px;" width="120px;"/>

</p>

<p align="center">

<font color="blue" size="2">

<a href="http://news.baidu.com">新闻</a>

<font color="black"><b>网页</b></font>

<a href="http://tieba.baidu.com">贴吧</a>

<a href="http://zhidao.baidu.com">知道</a>

<a href="http://mp3.baidu.com">MP3</a>

<a href="http://image.baidu.com">图片</a>

<a href="http://video.baidu.com">视频</a>

<a href="http://map.baidu.com">地图</a>

</font>

</p>

<p align="center">

<form action="">

<input type="text" name="wd" size="50" height="20px;" width="50px;">

<input type="submit" value="百度一下">

</form>

</p>

<p align="center">

<font color="blue" size="2">

<a href="http://hi.baidu.com">空间</a>

<a href="http://baike.baidu.com">百科</a>

<a href="http://www.hao123.com">hao123</a>

<a href="/more/">更多&gt;&gt;</a>

</font>

</p>

<br/><br/><br/><br/><br/><br/>

<p align="center">

  <font color="blue" size="2">

<p><a href="http://utility.baidu.com">把百度设为主页</a>

   <a href="">把百度加为收藏夹</a></p>

<p><a href="http://top.baidu.com">搜索风云榜</a>

   <a href="http://home.baidu.com">关于百度</a>

   <a href="http://ir.baidu.com">About Baidu</a></p>

<p>&copy;2017年10月21日 百度 <a href="/duty">使用百度前必读</a>

   <a href="http://www.niibeian.gov.cn">北京ICP证030173号</a>

   <img src="http://gimg.baidu.com/img/gs.gif"></p>

  </font>

</p>

</body>

</html>

总结:

阅读剩余部分

相关阅读 >>

Html网页优化压缩的实现步骤

xml和Html有什么区别

Html p标签能包含a标签吗?Html p标签的作用说明

如何新建Html文件

Html如何合并表格

页面中文本域的值怎么设置

Html中hr是什么意思

Html怎么在文本中保留空格

Html如何实现点击下载文件功能

Html元素由哪几部分构成

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...