链接标签是HTML页面中最为常见,而且用途最广的一个标签,只要我们浏览网页,就会有超链接。比如,通过点击新闻标题链接到新闻详情页面,通过点击商品名称链接到商品列表或者详情页等等。
anchor , 锚
在HTML中创建超链接,只需用a标签包括被链接的对象
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href:用于指定链接目标的url地址,必须属性
target:用于指定链接页面的打开方式,其取值有 self和 _blank两种,其中 _self为默认值,_blank为在新窗口中打开方式
(1)当需要链接到 外部链接时,需要添加 http://
(2)当需要内部链接时,直接链接内部页面名称即可 如 < a href=“index.html”> 首页
(3)如果暂时没确定链接目标时,一般将href属性值定义为“#”,表示暂时为一个空链接
(4)不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链 接, 只要用a标签包括即可
在当前html页面上,通过创建锚点链接,用户能够快速定位到指定内容。
适用于内容较多的页面,通过点击关键词,可以快速到达指定区域。
(1)使用唯一的id标注目标位置
(2)使用<a href="#id名“>链接文本创建链接
在html页面中,有些符号直接添加是无法正常显示的,这个时候就用一些特殊的标签来表示这类符号,而这类特殊的标签,我们就叫做特殊字符标签。
全栈攻城狮-每日更新原创IT编程技术及日常实用视频。
主要内容:这是HTML课程的第五课,主要讲解HTML的图片和超链接。让自己设计的网页更加多元素。
在上节中主要讲解了HTML的文字标签和格式标签。上篇请戳→→04程序员定要学HTML,字体段落标签介绍,60秒搞定
其实如果没有记住也无所谓。毕竟这些标签都是HTML中比较常用的,在以后的相关的案例中也会使用。此系列教程主要讲解HTML从基础到精通。自己能够设计一个完整的前端网页项目。
程序员写代码
在HTML中添加图片其实很简单,就是添加一个img的标签。
图片标签的语法
一般有src、alt、width、height四种属性就够用了。
效果:
图片的显示效果
src表示的是图片的路径,这里面的值应该怎么写呢?
(1)html文件和图片在相同一个文件夹下。
HTML文件和图片文件在相同的目录下,可以直接书写文件的名称。
写文件名的写法,如上面的HTML
(2)图片在HTML文件所在目录的文件夹内:
如图:
图片文件在文件夹内
此时需要加上文件夹名称,并加上“/”表示下层目录:
下层目录的图片写法
(3)图片文件在上层目录
如果图片在HTML文件所在的上层目录,则需要写“..”表示向上一级。如图:
上层目录
超链接就是可以链接到某个资源的东西,比如我们打开百度首页搜索后,产生的就是超链接:
这些蓝字超链接
这些蓝色的文字标题,我们点击之后可以跳转到新的网站。这就是超链接。下面我们自己写一个超链接:
超链接的写法
超链接预览
超链接中的潮涌属性包括:href(网页地址)、title(说明描述)、target(打开网页的位置)、name(名称)。
其中href支持带有任何协议的连接。title是对超链接的说明。
程序员
target包括四个值:
_blank
在新的窗口打开连接
_self
在当前窗口打开超链接
_parent
在父窗口打开超链接,这个后面会说,不常用
_top
在整个窗口中打开被链接文档。
每天一个知识点,带你迈向软件编程大神,一起努力吧。
HTML文档由HTML元素组成,一个HTML元素由一个标签和一组属性组成。一个标签可以有一个或多个属性,属性以名称和值成对出现。Web 浏览器读取HTML 文档,并以网页的形式显示出来,浏览器不会显示 HTML 标签,而是通过标签来解释网页的内容。
HTML(Hyper Text Mark-up Language超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示等,这些都是利用Html标记来实现。
HTML标签是由尖括号(“<”和“>”)包围的关键词,如标签 <p>。标签不区分大小写,故 <p> 和 <P> 的含义相同,不过推荐使用小写。
HTML标签通常成对出现,一个是开始标签,一个是结束标签。开始标签告诉浏览器,从这里开始执行该标签所表示的功能;结束标签告诉浏览器,该功能到这里结束。在开始标签前加一个斜杠(/)即成为结束标签。如,html 元素的开始标签是 <html>,结束标签是</html>。也就是说,一个HTML 元素由开始标签、内容、结束标签组成。开始标签是放在一对尖括号中的元素名称及可能包含的属性,结束标签是放在一对尖括号中的斜杠加元素的名称。语法格式为:<开始标签>内容</结束标签>。如,em 元素的开始标签为<em>,结束标签为 </em>,在<em> 和 </em> 标签之间是元素的内容。如下图所示:
所有的网页文件,通过都是四对标记来构成文档的骨架,它们是:
小结:
1. 单标记
一.<标记名称>
单一型,无属性值
如:<br/>——表示换行符
二.<标记名称属性=”属性值”>
单一型,有属性值
如:<hr width=”80%”/>
2. 双标记
三.<标记名称>…</标记名称>
没有属性值
如:<title>…<title>
四.<标记名称属性=”属性值”>…</标记名称>
有属性值
如:<body bgcolor=”red”>…</body>
注释
格式:
<!—注释内容-->
Body属性
<body bgcolor=”背景颜色” background=”背景图像” text=”文本颜色” link=”链接文本颜色” vlink=”访问过的文本颜色” alink=”激活的连接文本颜色” leftmargin=”左边界”>
语法:
<font color=”文本颜色” size=“字号”>文本</font>
格式:
<p align=“对齐方式”>…</p>
修饰标记
水平直线<hr/>
有小伙伴私信小编,零基础入门前端很吃力,许多地方根本不知道应该怎么进行下去。
因此小编收集了一套前端零基础入门的视频教程(学完就可以去找工作哦)今天免费分享给大家。
希望小伙伴们可以对照着小编文中提到的知识点一步步学习,最终可以找到适合自己的工作!但还是那句话,如果你不努力,就算有千万个人帮助你,最终也会一事无成!
教程目录大纲:
*请认真填写需求信息,我们会在24小时内与您取得联系。