html之链接与图像
链接
1. 使用 href属性，创建指向另一个文档的链接。
<a href="https://www.csdn.net/">CSDN</a> |
把图像作为链接（链接标签里嵌套图像标签）
<a href="https://www.csdn.net/"> <img src="url"> <!--当html文件和图片路径一样时，写相对路径即可，即图片名称--> </a> |
2.使用name属性，name属性规定锚的名称，创建文档内标签。
创建一个命名锚；
| <a name=“任意名称或图片名称等,比如haha”>锚的名称（不写不显示）</a> <!--可以将锚放在文档任意位置--> |
创建一个链接，指向这个命名锚。当点击这个链接时回到锚的位置，常用于回到顶部的功能或者百度百科点击词条到达相应位置；
| <a href=#haha>回到顶部</a> |
也可以在其他页面创建指向该锚的链接。
| <a href=“url#haha”>去到</a> |
3. target属性用法，定义被链接的文档在何处显示：
<a href="https://www.csdn.net/" target="_blank">CSDN</a> 在新窗口打开链接 <a href="https://www.csdn.net/" target="_top">CSDN</a> 跳出框架 |
4.创建发送邮件链接
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a> 电子邮件链接，%20填充空格内容，文本会正确显示； ps：subject=hello 是浏览器从服务器请求数据时给服务器传的值，当服务器接收到的值正确时显示请求页面。 |
图像
<img/>空标签，只包含属性，无闭合标签
1. 在网页上显示图像需要src（源）属性，url可以是图片的本地路径也可以是网络路径http://；width和height设置图像宽高。
<img src="url\jpg or gif" width=“”height=“”> |
2. 替换文本属性alt ，在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息
<img src="风景.jpg" alt="无法显示">
3. 使用图片或gif 替换body的背景
<body background="/i/eg_background.jpg"> <h3>图像背景</h3> <p>gif 和 jpg 文件均可用作 HTML 背景。</p><p>如果图像小于页面，图像会进行重复。</p> </body> |
4.设置图像在文本中的位置，align的值有：top，middle，bottom（默认）。
| <p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p> |
扫一扫
8997
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
