多语言展示
当前在线:823今日阅读:19今日分享:20

一个简单网站的参数介绍

只有认识和掌握网页的基本参数我们才会自己做出一个漂亮的网页出来
工具/原料

dreamweaver

方法/步骤
1

一个简单的网站包含了如下的参数,现在先过一遍他们所有的代码,稍后一一为你们详细介绍参数的意思和如何使用,因为内容较多所以等下将代码拆分讲解,代码效果如图。Chance Wen

Chance Wen

your eye on the world

For more than 20 years, Chance Wen's photographs have brought incredible images of landscape to people around the world.

Hardcover with jacket. More than 200 color photos.

Tel:+86-10-98765432
Fax:+86-10-98765432

e-mail:support@artech.cn

2

1:超文本标记语言,开头整个页面制作完成必须以结尾,制作网页的基础是使用html语言。2:头部,在样式编辑的后面结尾3:文档类型,编码类型,现在普遍都用utf-8,如不声明游览器会出现乱码。4:网页游览时显示的标题,如你想给首页取名叫学习网,那么在代码中间打上学习网即可,有开头和结尾5:样式类型

3

1:将外边距(margin)设置为0,内边距(padding)设置为0,将body元素的背景颜色为#cc9,在css中,#cc9就是#cccc99的缩写形式,将背景图像设置为background.gift文件(图像文件地址),将背景的图像平铺整个页面。2.上边距60像素,auto表示默认居中,下边距是0。下级元素的定位基准。3.列表符号关闭。height:高度

4

#container #profiles li:项目列表属性float:left;左浮动padding:4px;边距4像素#container h1{一级标题属性background-image:url('logo.png');背景图片是本地文件名叫logo.pngbackground-repeat:no-repeat;背景图片显示方式是横向平铺width:137px;图片宽度:137像素height:191px;图片高度:191像素position:absolute;绝对定位,具体偏移的数值可以通过计算或实验获得。top:100px;上边距left:270px;左边距}

5

#container h2{ 二级标题属性display:none;隐藏文字}span:"内行"元素,不占独立的空间,仅表示一个范围display:none;隐藏文字}#container .clearboth{clear:both;清除浮动}#container .last{position:relative;基准定位left:200px;}#container #intro{width:180px;position:absolute;绝对定位left:420px;top:30px;font:11px/17px arial; 字体属性}#container #intro ul{list-style-type:none;关闭列表圆点符号margin:0 0 0 20px;上右下左边距padding:0;font-size:12px;字体大小12像素}#container #intro a{color:#fff;链接文字颜色为白色font-weight:bold;文字设置为粗体text-decoration:none;清除超链接的默认下划线}#container #intro a:hover{color:black;鼠标指针经过链接时文字的颜色是黑色}

6

样式结束头部结束主体开始

7

大盒子
    列表项目的样式选择proflies
  • 照片
  • 最后一张照片的样式选择last
列表结束

Chance Wen

标题h1

your eye on the world

段落属性

For more than 20 years, Chance Wen's photographs have brought incredible images of landscape to people around the world.

Hardcover with jacket. More than 200 color photos.

Tel:+86-10-98765432
Fax:+86-10-98765432

e-mail:support@artech.cn

8

样式结束主体结束整个网站结束

注意事项

代码后面中文是解释