zoukankan      html  css  js  c++  java
  • HTML中的图片、链接

    在HTML中图片元素是<img>,用法如下:

    <img src=" dog.jpg">

    在上面的例子中,src属性用来指明图片的名字,图片需要和html文档放在同一个文件夹下面

    src属性的值也可以是网上的url地址,例如:

    <img src="https://www.w3school.com.cn/i/eg_mouse.jpg">

    在<img>中可以利用width和height两个属性来设定图片的宽和高,以像素为单位。

    <img src="dog.jpg" width="68" height="68">

     在HTML中超链接用元素<a>来表示,其中href属性来指出链接的目的地,例子如下:

    <a href="https://www.baidu.com">Bai Du</a>

    需要注意的是,为了正确跳转到网站,网址前面要加上“https://”

    <a>元素除了可以链接到其他网页外,如果当前网页内容较长,<a>元素也可以完成类似于书签的页内跳转功能,例子如下:

    <a href="#C4">Jump to Chapter 4</a>

    <h2 id="C4">Chapter 4</h2>

    在上面这个例子中先将<h2>的id属性设为"C4",然后将<a>元素的href属性值设定为"#C4"

    注意:做页内跳转时,href属性值要在元素的id前面加井号。

    下面是一个页内跳转的例子

    https://output.jsbin.com/folicud/2/#p3

    PS:HTML中的每个元素都有一个id属性作为自己的唯一标识。类似于人们的身份证号。

    <a>元素还有一个target属性,该属性的值如果设定为“_blank”则当点击链接后网页将以一个新的标签页打开,原网页不关闭。

    <a href="https://www.baidu.com" target="_blank">HTML5 tutorial!</a>

  • 相关阅读:
    线程间操作无效: 从不是创建控件“Control Name'”的线程访问它问题的解决方案及原理分析
    C#打印图片
    javascript 地址栏写法
    SQLServer获取Excel中所有Sheet
    C#多页打印实现
    clear在CSS中的妙用
    mitmproxy使用总结
    本地回路抓包问题
    博客园界面优化
    CentOS基于MySQL提供的Yum repository安装MySQL5.6
  • 原文地址:https://www.cnblogs.com/gezhaoatdlnu/p/13468867.html
Copyright © 2011-2022 走看看