栏目分类:
子分类:
返回
文库吧用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
文库吧 > IT > 软件开发 > 后端开发 > Java

HTML入门篇04.图片标签和超链接标签

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

HTML入门篇04.图片标签和超链接标签

今天来介绍一下图片标签和超链接标签

话不多说,那就直接来吧!!!

图片标签

<  img src=”  ”     alt= “ ” width=” ”>

src     是引入图片的路径        ./(在同一目录下)或../(不在同目录下)

alt      是对图片的描述,当引入不成功时,显示文字

width    是设置图片宽度

hight     是设置图片高度

注意:一般情况不会同时设置宽高,防止出现变形:

               设置一个宽或高,另一个设置自适应

代码为:




    Document


    
    
    
    

效果图为:

 

超链接标签

超链接:  可以是字、图片、一句话、表格等等

< a href=””>        行内元素

2个功能、2个属性、1个补充

功能:1.从一个页面跳到另一个页面

               2.当前页面进行跳转

属性:

        1.Href属性:设置超链接跳转的地址

                填写超链接跳转地址:

                相对地址:通过./进行跳转,./是默认的路径,可以省略

                通过../跳出当前目录,如果没有,再跳

                绝对地址:如京东、淘宝等

        2.Target属性:控制超链接打开的方式

                _self(锚点功能)   在当前页面打开 默认写法

                _blank   在新网页打开超链接

补充:

        锚点功能:

                1.回到顶部:href属性设置为#即可

                2.去任意位置:id=、href=#id

                            第一步:给要去的位置打个标记

                            第二步:在href属性的属性值,将标记写上       #id属性值

       注意:id属性值:不能数字开头,不要是汉字,独一无二的

                空链接: 1.加个#     2.JavaScript:;

 代码就是这样的:

 然后运行效果:

 

有空可以自己动手敲敲 

转载请注明:文章转载自 www.wk8.com.cn
本文地址:https://www.wk8.com.cn/it/1040371.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 wk8.com.cn

ICP备案号:晋ICP备2021003244-6号