我的html学习——第二天

1.在head中对html文本进行格式化。
2.做一个没有下划线的链接。
3.通过外部样式表进行格式话。
4.用图像来做链接。
5.设置链接属性target为black时链接会在一个新窗口打开。
6.使用name属性创建锚点链接导同一个页面不同位置。
7.插入一张图片。
8.设置背景图片,jpg/gif文件均可用作html背景,如果图片小于页面图片将会重复。
9.设置图片的对齐方式,默认是底部对齐。
10.当浏览器无法显示图片时,使用alt属性使文字代替文本。
11.创建图片映射,使得图片中的某些区域可以作为一个链接使用。

<html>
<head>
<style type="text/css">
h1{color:red}
p{color:green}
</head>
<body>
<h1>header</h1>
<p>a paragraph.</p>
<a herf="www.baidu.com" style="test-decoration:none">百度一下</a>

</body>
</html>

<html>
<head>
<link rel="stylesheet" type="text/css" herf="/html/cssteste.css">
</head>
<body background="/d/www/images/background.jpg">
<h1><a name="x">我是通过外部样式格式表进行格式话的。</a></h1>
<p>我也一样。</p>
<p>
您也可以用图像来做链接:
<a herf="www.baidu.com" target="_black">
<img border="0" src="1.jpg"/>
</a>
</p>
<p>
<a herf="#x">回到顶端</a>
</p>
<p>这是一张图片
<img src="/d/www/image/2.jip" width="100" height="100"align="middle" alt="爱你,么么哒!">
</p>
<!--下面展示的是创建图片映射,<map>定义图片地图,<area>定义地图中的可选区域,img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。-->
<p>请点击图片上的星球使它放大。</p>
<img src="/d/images/1.jip" border="0" usemap="#planetmap">
<area
shape="circle" coords="180,139,14"
herf="/example/html/venus.html"
target="_blank"
/>
</p>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/happy_finding/article/details/53240328