对于html网页,其格式大致<html><body><p></p></body></html>,当然在还有<h></h> 用来嵌入标题,使用<title></title>可以表示网页的名称,插入超级链接是使用:<a href="www.baidu.com">超链接名称</a>标签来完成的,插入图片也比较类似 :<img src="w3school.jpg" width="104" height="142" />,其他的比如对齐方式、背景的设置如下:<h1 align="center"> <body bgcolor="yellow">具体的如下表:
属性 | 值 | 描述 |
---|---|---|
class | classname | 规定元素的类名(classname) |
id | id | 规定元素的唯一 id |
style | style_definition | 规定元素的行内样式(inline style) |
title | text | 规定元素的额外信息(可在工具提示中显示) |
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
<html> <body> <p> 您也可以使用图像来作链接: <a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a> </p> </body> </html>
<html> <body> <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a> <p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p> </body> </html>
<html> <body> <p>被锁在框架中了吗?</p> <a href="/index.html" target="_top">请点击这里!</a> </body> </html>
<html> <body> <p>请点击图像上的星球,把它们放大。</p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="http://baidu.com" target ="_blank" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> <p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> </body> </html>