HTML基础学习 a标签的使用

<a></a>标签的使用

<html>
<head>
    <title>a标签的使用</title>
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">百度</a>   //开启浏览器新窗口
    <a href="http://www.baidu.com"target="_self"></a>        //在本窗口中跳转
    <a name="最上端"href="#最底端">回到最底端</a>
    <br/><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br/><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <!使用换行增加页面长度>
    <a name="最底端"href="#最上端">回到最上端</a>
</body>
</html>

使用 href 进行跳转，设置为_blank会在一个新的标签页中加载新网页，_self是在本窗口中跳转到新窗口

同时也可使用 # 跳转到另一个a标签，代码运行效果如下

点击回到最低端后

时间： 2024-11-05 13:26:59

HTML基础学习 a标签的使用的相关文章

HTML基础学习1——标签

学海无涯,学习总是一步一步脚踏实地的前进,而基础学习就是起跑前的准备,当然就显得尤为重要. 学习HTML语言更是如此. 推荐开发工具: 1.Webstorm 2.Sublime text 3.HBuilder 4.Eclipse 5.Visual Stdio 一.网页的本质网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言.公共网关接口.组件等),可以创造出功能强大的网页. 二.超文本标记语言超文本标记语言(HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设

基础学习（标签结构）

html基础介绍认识html:HTML是超文本标记语言,用于描述网页文档语言.也是我们经常说的静态网页(超文本:能实现网页调整的文本) HTML文件扩展名:.html或是.htm HTML结构 DOCTYPE声明. head .网页编码声明(meta charset="utf-8"). title标题 .等内容. <!DOCTYPE html > <html> <head> <meta charset=utf-8" /> &

html5基础学习（标签）

标签: 注释 <!DOCTYPE>申明文档规范,在html5中是<!DOCTYPE HTML> <a>超链接,用法示例:<a href="https://www.baidu.com" target="_back">baidu</a> <a>的属性: <audio></audio>音频 <video></video>视

蓝鸥零基础学习HTML5第七讲常见标签及标签类型的转换

蓝鸥零基础学习HTML5第七讲常见标签及标签类型的转换 1.常见标签-块属性的标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/reset.css"> </head> <

HTML&CSS基础学习笔记3-HTML的标签语法

HTML标签语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签. 2. HTML中的标签一般都是成对出现的,分开始标签和结束标签.结束标签比开始标签多了一个/.如: <p></p> 3.标签的内容是开始标签与结束标签之间的内容,如:<h1>这是标题</h1>. 4. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div

HTML&CSS基础学习笔记6-文本操作标签

文本也许是HTML里最常见的元素了,所以我们有必要对HTML的文本操作标签做下认识. 1. <em>,<i>内的文字呈现为倾斜效果: 2. <strong>,<b>内的文字呈现为加粗效果: 3. <b>,<i>只是单纯的为了让文本具有某种特殊样式,而<strong>,<em>不仅带有特殊样式,而且也表达了某种语义: 4. 在单纯的为了达到某种样式的情况下,建议使用不带有语义的标签. 体验如下:http://ww

蓝鸥零基础学习HTML5—html+css基础

蓝鸥零基础学习HTML5-html+css基础一.课程目标 1.了解前端开发职位:2.掌握常用标签以及语义及用法:3.掌握常用css的特性,掌握基础布局技巧:4.掌握整站规划概念. 二.适用人群零基础积极学习html5者三.课程简介本课程主要讲解了 html+css的基础知识,包括html模板.标签.css基础样式.布局.表格表单.整站等等,是进行前端开发的基础.Html+css是前端开发的基础,大部分前端开发工程都需要从html+css布局开始,html+css的基础非常重要,是前端开

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.

HTML&CSS基础学习笔记13—无序列表

无序列表有时我们的工作繁忙,杂事很多,怕忘记,就会把事情一件件列出来,防止忘记. 它们的排列顺序对于我们来说并不重要,可以随意调换,我们将它称为无序列表,HTML里用<ul>标签来表示无序列表,列表里的项目则用<li>标签来表示: 1 2 3 4 5 <ul> <li></li> <li></li> ... </ul> 看一段实例代码: 对于的浏览器显示结果是这样的: 更多内容学习,请