HTML常用标签之超链接标签

前面学习过了格式标签和文本标签, 本章开始学习超链接标签

三. 超链接标签

1. 分类: 超链接标签分为相对URL和绝对URL

2. 作用:

相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html)

绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com)

3. 属性作用:

<a href=" "></a> <!-- 提供 href 属性或 name 属性, 标签的 href 属性用于指定超链接目标的 URL -->

4. 代码示例:

<!DOCTYPE html>
<html>
  <head>
  <!-- 超连接标签分为相对URL和绝对URL -->
    <title>超连接标签</title>

	<meta charset="utf-8">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body>
  <a href="Main.html">返回主页</a><br>
  	<a href="TagFormat.html" target="_blank">格式标签</a><br><span style="white-space: pre;">  </span>
  	<!-- 相对URL -->
  	<a href="http://www.hao123.com">hao123</a><br><span style="white-space: pre;">      </span>
  	<span style="font-family: Arial, Helvetica, sans-serif;"><!-- 绝对URL --></span><span style="white-space: pre;">
  	</span>
  </body>
</html>

5. 运行结果:

点击格式标签, 打开格式标签的html

点击hao123标签时, 进入此网址

时间: 2024-10-10 01:19:11

HTML常用标签之超链接标签的相关文章

html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftmargin   左边距 rightmargin 右边距 bottommargin  下边距 body属性用法示例: 格式控制标签: <font color="" face="" size=""></font> 分别控制字体的颜

实体字符,媒体标签,元素飘动标签,超链接标签

一)实体字符 一些特别的字符会被html认为是关键字,从而在页面无法显示出来,这些特殊的字符我们要用实体字符里代替,这样就能在页面显示出来了: 常用的实体字符: 空格   小于号 < 大于号 > 人民币 ¥: 版权所有 © 注册的商标 ® 在html中,这些字符我们就用实体字符来代替: <body bgcolor="#80FFFF"> 我们即将要学习 <a>"标签"<br/> 这件毛衣的价格是:¥180 <br/

详解HTML的a标签(超链接标签)

原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4.a标签常用的协议 5.超链接标签的样式问题--a标签的伪类选择器的书写顺序 1.什么是<a>标签 <a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 2.<a>标签的几个重要属性 2.1.h

HTML常用标签之格式标签

首先我们把HTML的常用标签分为一下几类: 格式标签, 文本标签, 超链接标签, 锚点标签, 图像标签, "地图"标签. 一. 格式标签 1. 作用: 用于定义网页中的布局, 缩进, 位置, 换行列等等 2. 各属性作用:   <hr> <!-- 水平分割线 --> <br> <!-- 换行 --> <p></p> <!-- 段落 --> <center></center> &l

常用标签与表标签

1.常用标签:超链接<a href="">的属性href,可以连接图片,文件,网址.当是图片或者浏览器可以打开的文件时比如.文档.网页文件时,就不会出现下载.如出现pdf格式等文件时就会出现下载.2.做锚点:<a name="">做锚点,用<div>涵盖,<a href="#连接name的值">.3.图片:<img />是一个单标签,插入图片用其src属性,其中属性还有width宽度,h

前端之head标签,基本标签,div和span,常用标签,表单标签

一.head标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="icon" href="https://www.jd.com/favicon.ico"> <meta name="keyw

html常用标签(form标签)

一.form标签 form标签是html标签中非常重要的一个标签.常用于注册.登录页面的使用. <form action="提交地址" method="提交方式"> </form> 注:method的值有两个.get(默认值)和post.get数据安全性没有post高.post的速度没有get快. form常用的元素: 1.文本框 <input type="text"/> 2.密码框 <input typ

html的body内标签之超链接

一,a标签指的是超链接跳转,a标签不能提交到数据库,它提交不到后台. 做锚 href='#某个标签的ID' 标签的ID不允许重复. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="http:

jQuery常用的方法和标签总结01(有代码示例)

//jQuery的优点 :         1 轻量级        2 强大的选择器        3 出色的DOM操作的封装        4 可靠的事件处理机制        5 完善的Ajax        6 不污染顶级变量        7 出色的浏览器兼容性        8 链式操作方式        9 隐式迭代        10 行为曾与结构层的分离        11 丰富的插件支持        12 完善的文档        13 开源 <script src="