html（hyper text markup language）的一些简单的实例

最新推荐文章于 2023-05-07 19:40:01 发布

JDKANDER

最新推荐文章于 2023-05-07 19:40:01 发布

阅读量1.5k

点赞数

分类专栏：其他

本文链接：https://blog.csdn.net/jdkander/article/details/51495596

版权

其他专栏收录该内容

12 篇文章 0 订阅

订阅专栏

对于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>