dreamweaver
一个简单的网站包含了如下的参数,现在先过一遍他们所有的代码,稍后一一为你们详细介绍参数的意思和如何使用,因为内容较多所以等下将代码拆分讲解,代码效果如图。
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.
- [ United States ]
- [ Canada ]
- [ China ]
- [ Austrila ]
- [ United Kingdom ]
Hardcover with jacket. More than 200 color photos.
Tel:+86-10-98765432
Fax:+86-10-98765432
e-mail:support@artech.cn
1:超文本标记语言,开头整个页面制作完成必须以结尾,制作网页的基础是使用html语言。2:头部,在样式编辑的后面结尾3:文档类型,编码类型,现在普遍都用utf-8,如不声明游览器会出现乱码。4:网页游览时显示的标题,如你想给首页取名叫学习网,那么在代码中间打上学习网即可,有开头和结尾5:样式类型
1:将外边距(margin)设置为0,内边距(padding)设置为0,将body元素的背景颜色为#cc9,在css中,#cc9就是#cccc99的缩写形式,将背景图像设置为background.gift文件(图像文件地址),将背景的图像平铺整个页面。2.上边距60像素,auto表示默认居中,下边距是0。下级元素的定位基准。3.列表符号关闭。height:高度
#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;左边距}
#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;鼠标指针经过链接时文字的颜色是黑色}
样式结束头部结束
主体开始- 列表项目的样式选择proflies
Chance Wen
标题h1your eye on the world
For more than 20 years, Chance Wen's photographs have brought incredible images of landscape to people around the world.
- [ United States ] 空链接
- [ Canada ]
- [ China ]
- [ Austrila ]
- [ United Kingdom ]
Hardcover with jacket. More than 200 color photos.
Tel:+86-10-98765432
Fax:+86-10-98765432
e-mail:support@artech.cn