Web前端基础-HTML-超链接和浮动框架

目录

• 🍋1.超链接

 • 🌰1.图像超链接

 • 🌰2.电子邮件超链接

 • 🌰3.创建页面书签链接

• 🍋2.浮动框架

---

• 🍋1.超链接

基本语法：

<a href=" "> </a>

 • 🌰1.图像超链接

基本语法：

<a href="url"> <img src="" > </a>

  • 🌰2.电子邮件超链接

基本语法：

<a href="mailto:xiaolei_166@qq.com">发送邮件</a>

注意：邮件地址必须完整。 

 • 🌰3.创建页面书签链接

定义书签：

<a name="书签名">书签标题</a>

 定义书签链接：

<a href="#书签名">书签标题</a> <!--同一页面内-->
<a href="URL#书签">书签标题</a> <!--同一页面内-->

• 🍋2.浮动框架

 基本语法：

<iframe src="" width="" height=""></iframe>
<!-- 例如： -->
<iframe src="http://www.pku.edu.cn" width="500px" height="300px" marginwidth="10px"></iframe>
		

效果展示：

常用属性：

属性	说明	属性	说明
src	源文件地址	frameborder	框架边框
name	框架名称	scrolling	框架滚动条
width	框架窗口宽度	marginwidth	框架左右边距
height	框架窗口高度	marginheight	框架上下边距