html学习笔记(三)

1.div左右布局

 1.1  css 样式

div.left {
line-height: 30px;  //间距
background-color: #eeeeee;  //背景色
height: 100x;  // 高度
width: 100px;  // 宽度
float: left;   //左边
padding: 5px;  //文字间距
}


div.content {
background-color: beige;
height: 160px;
text-align: center;
margin: 0px auto;
}


2.引用



3.

city

北京

上海

深圳

广州


内容显示区域


4html学习笔记(三)_第1张图片


-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

2.使用frameset标签 ,需要在body标签外使用





html学习笔记(三)_第2张图片


此时分界线是可以拖动的,在fragme 标签中添加noresize="noresize"属性设置分解线不可拖动


3.导航栏

1.

  //name 为day3_1中的traget的目标

2. day3_1.Html














3.day3_2.html














4.运行的结果

html学习笔记(三)_第3张图片

使用a标签传递字符串会导致乱码,所以要使用encodeURI把路径参数传递进去,然后在接收的html页面使用decodeURI 获取,这样就没有影响。


5.iframe 内联框架,在网页中显示网页,一些浏览器不支持。frameborder="0" 移除边框


你可能感兴趣的:(Html)