html学习:链接

2024-10-31 11:53:04

1、<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>html学习:链接</title></head><body><h1><xmp><a>标签</xmp></h1><p>1、同窗口打开链接</p><xmp><a href="url" title="鼠标滑过显示的文本">链接显示的文本</a></xmp><br><a href="http://www.lfpwhy.com" title="lfpwhy博客">博客</a> <p>2、新浏览器窗口中打开链接</p><xmp><a href="url" title="鼠标滑过显示的文本" >链接显示的文本</a></xmp><br><a href="http://www.lfpwhy.com" title="lfpwhy博客" target = "_blank">博客</a> <p>3、网页中链接Email地址</p><xmp><a href = "mailto:example@example.com?subject = 邮件的主题&body = 邮件的内容">发送邮件</a></xmp><br><a href = "mailto:example@example.com?subject = 邮件的主题&body = 邮件的内容">发送邮件</a><h1>图片链接</h1><p>1、将图像放到网页中</p><xmp><img src = "图片地址" alt = "图片的描述" title = "鼠标滑过显示的图片名" /></xmp><br><img src = "http://www.lfpwhy.com/wp-content/uploads/2015/08/logo.png" alt = "lfpwhy博客" title = "lfpwhy博客" /><p>2、将图像变为链接</p><xmp><a href = "图片地址"><<img src = "图片地址" alt = "图片的描述" title = "鼠标滑过显示的图片名" /></xmp><br><a href="http://www.lfpwhy.com"><img src = "http://www.lfpwhy.com/wp-content/uploads/2015/08/logo.png" alt = "lfpwhy博客" title = "lfpwhy博客" /></body></html>