html学习之基础标签2

来源：互联网发布：美国三大产业比重数据编辑：程序博客网时间：2024/05/29 08:36

一，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>

0 0

html学习之基础标签2

一，a标签的使用

二，a标签的其他属性

三，base标签

四，假链接 （br标签表示换行，模拟一个界面有多个数据）

五，a标签的跳转

四，假链接（br标签表示换行，模拟一个界面有多个数据）