论坛

标题: 网页制作流程 代码（科技网页） [打印本页]
作者: cyndi3321    时间: 2015-5-15 11:21
标题: 网页制作流程 代码（科技网页）
  1. body {
  2.         font-family: "宋体";
  3.         font-size: 18px;
  4.         margin: 0px  auto;
  5.         }
  6. #box {
  7.         height: 1079px;
  8.         width: 1003px;
  9.         margin: 0px auto
  10. }
  11. #box_1 {
  12.         height: 73px;
  13.         width: 1003px;
  14.         margin-top: 0px;
  15.         margin-right: auto;
  16.         margin-bottom: 0px;
  17.         margin-left: auto;
  18. }
  19. #box_2 {
  20.         height: 360px;
  21.         width: 1003px;
  22.         margin-top: 0px;
  23.         margin-right: auto;
  24.         margin-bottom: 0px;
  25.         margin-left: auto;
  26. }
  27. #box_3 {
  28.         float: left;
  29.         height: 543px;
  30.         width: 182px;
  31.        
  32. }
  33. #box_4 {
  34.         height: 543px;
  35.         width: 820px;
  36.         float: left;
  37.        
  38. }
  39. #box_5 {
  40.         height: 39px;
  41.         width: 1003px;
  42.         float: left;
  43. }
  44. #box_6 {
  45.         float: left;
  46.         height: 64px;
  47.         width: 1003px;
  48. }
  49. </style>
  50. </head>

  52. <body>
  53. <div id="box">
  54. <div id="box_1"><img src="images/01_01.gif" width="1003" height="73" /></div>
  55. <div id="box_2"><img src="images/01_02.gif" width="1003" height="360" /></div>
  56. <div id="box_3"><img src="images/01_03.gif" width="182" height="543" /></div>

  58. <div id="box_4"><img src="images/01_04.gif" width="821" height="543" /></div>
  59. <div id="box_5"><img src="images/01_05.gif" width="1003" height="39" /></div>
  60. <div id="box_6"><img src="images/01_06.gif" width="1003" height="64" /></div>

  62. </div>
  63. </body>
  64. </html>
复制代码


作者: yuanxi52028    时间: 2015-5-15 16:11
应该还有个html头

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

</body>
</html>

一定要声明是W3C标准的 还有编码设置是utf-8

如果没有这个，网页很可能会出现乱码 还有接触到更多的JS CSS的时候会出问题

能否看看你切出来的视图！
作者: cyndi3321    时间: 2015-5-15 16:42
yuanxi52028 发表于 2015-5-15 16:11
应该还有个html头

好好~



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1