首页 > 网站 > WEB开发 > 正文

html学习之基础标签2

2024-04-27 15:11:14
字体:
来源:转载
供稿:网友
一,a标签的使用
<!-- a标签 1,作用:就是用于控制界面与界面之间的跳转 2,格式:<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a> 3,注意点: (1)a标签不仅能让文字点击,而且还能人行图片点击 (2)href是一个超文本的链接,所以必须要是一个完整的网址链接--><!-- 示例代码:点击文字或是图片跳转到指定的页面 1,https://www.nuomi.com/?cid=002540 跳转的目标网址 2,p标签表示让糯米两个字独占一行 3,img标签表示添加一张图片,宽度是400,直设一个值表示按照比例缩放 --><p><a href="https://www.nuomi.com/?cid=002540">糯米</a></p><a href="https://www.taobao.com/markets/quality/zaqrj?spm=a21bo.50862.201862-1.d1.HvUAi6&pos=1&acm=20140506001.1003.2.1505601&scm=1003.2.20140506001.OTHER_1484817648606_1505601"> <img src="image.png" width="400"></a>
二,a标签的其他属性
<!-- href可以表示本地的路径--><p><a href="1-img排版.html">本地路径跳转</a></p><!-- a标签中的target属性,作用就是指定跳转目标位置,是当前跳转还是另起一页跳转 _self:在当前的界面跳转,不新起页面,默认是_self _blank:新开一个界面跳转,原先的界面还是存在的--><p><a href="https://www.nuomi.com/?cid=002540" target="_self">糯米</a></p><p><a href="https://www.nuomi.com/?cid=002540" target="_blank">糯米</a></p><!-- a标签中的title属性,和img标签中的title属性是一样的,表示鼠标选中悬停时显示的内容--><p><a href="https://www.nuomi.com/?cid=002540" target="_self" title="这是要跳到购物界面的意思啊">大米</a></p>
三,base标签
<head> <meta charset="UTF-8"> <title>base标签</title> <!-- base标签 1,作用:相当于一个父类,就是当前的页面所有的超链接(a标签)打开的方式是由base标签的属性决定的 2,格式:<base target="属性值"> 3,注意点: (1)如果在某个超链接(a标签)中设置了target属性,那么base标签的属性就会失效 (2)必须写在<head> </head>标签之间 --> <base target="_blank"></head><body><p align="right"> <a href="https://www.nuomi.com/?cid=002540" target="_self">糯米</a> <a href="http://news.baidu.com">新闻</a> <a href="https://www.hao123.com">hao123</a> <a href="http://map.baidu.com">地图</a> <a href="http://v.baidu.com/?fr=bd">视频</a> <a href="https://tieba.baidu.com/index.html">贴吧</a></p></body>
四,假链接 (br标签表示换行,模拟一个界面有多个数据)
<!-- 假链接,点击之后不会跳转的链接 存在的意义: (1)开发前期,没有页面可以跳转,先设定一个假链接使用,开发到后期用真链接替换假链接 (2)点击目标可以回到顶部(#假链接可以) 1,格式: #或javascript: 2,两者的区别:#的假链接点击后可以回到顶部,Javascript:的加链接点击后不会回到顶部--><h1>我是顶部</h1><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 href="#">点我1</a><a href="javascript:">点我2</a>
五,a标签的跳转
<!-- 要想a标签跳转到指定的位置,就需要给a标签一个id,即在指定的位置设置一个id,然后根据这个id去找 注意点: 1,通过指定id跳转是没有动画效果的 2,如果指定跳转的位置在同一界面,直接用#+id 3,如果指定跳转的位置不在同一界面,利用路径+#+id就可以--><h2>我是顶部</h2><!-- 跳转调到不同页面的底部--><a href="2-锚点测试.html#bootom" target="_blank">跳转到锚点测试</a><!-- 跳转调到同一界面的中部--><a href="#01">跳转到中部</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h2 id="01">我是中部</h2><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h2>我是底部</h2><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表