如何用htmlt和css制作两列布局的网页

html-css09

如何用htmlt和css制作两列布局的网页,第1张

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        *{ padding:0  margin:0}

        body{

            margin:0 auto

            width: 960px

        }

        .colum1{

            float: left

            width: 480px

            height: 1000px

            background-color: yellow

        }

        .colum2{

            float: left

            width: 480px

            height: 1000px

            background-color: green

        }

    </style>

</head>

<body>

<div class="colum1"></div>

<div class="colum2"></div>

</body>

</html>

HTML的全称为超文本标记语言,是一种标记语言。超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。

HTML的英文全称是 Hyper Text Markup Language

语言特点:

简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性:超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

没有写右边框架的引用。

例如:

<frameset rows="20%,80%">

<frame src="a.html">

<frameset cols="30%,70%">

<frame src="b.html">

<frame src="c.html">

</frameset>

</frameset>