美文网首页
html图像插入与超链接

html图像插入与超链接

作者: wuyunchao | 来源:发表于2018-05-11 18:56 被阅读28次

1.图像插入

代码

<img src="../picture/1.jpg" alt="picture" width="500" height="500">

  1. 用img图像标签 src属性它规定图像的 URL。
    1.1 URL分为绝对地址和相对地址
    1.2;绝对地址就是从根目录下获取的地址
    1.3,相对地址是一个文件夹或者相邻的文件夹;用 ../来找 ; 比如找上一级的子文件夹内的图片

    image.png
    1.4 设置高度宽度width;height 后面的值可以用数字或者%百分比
  2. alt属性 它代表当图片显示或者加载不出来时显示的文本

2.超链接

代码
<a href="one.html" > 美女</a>

  • 超链接要用<a>元素标签 href属性
    结果 image.png

相关文章

  • html图像插入与超链接

    1.图像插入 代码 用img图像标签 src属性它规定图像的 URL。1.1 URL分为绝对地址和相对地址1.2...

  • HTML标记语言

    HTML的语法 什么是HTML标记语言可设置文本的格式(标题、字号等)可创建列表可插入图像和媒体可建立表格超链接 ...

  • TextView

    学习知识点:1.使URL 电话 Email 显示超链接2.利用HTML标签实现超链接3.利用HTML标签插入图片4...

  • HTML学习笔记(一)

    本节学习内容 HTML说明 HTML头部标记 标题字 段落标记 建立超链接 使用图像

    HTML 图像

    通过使用 HTML,可以在文档中显示图像。 实例 插入图像 本例演示如何在网页中显示图像。 从不同的位置插入图片 ...

  • 前端开发 之 HTML基础(二)

    文章简要: HTML语言的语法 HTML语言标题字体 物理字体及字符实体 列表的应用 超链接和图像 HTML语言的...

  • HTML图像

    通过使用 HTML,可以在文档中显示图像。 实例 插入图像本例演示如何在网页中显示图像。从不同的位置插入图片本例演...

  • 【HTML】 一、HTML的语法

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 七、HTML框架

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

  • 【HTML】 五、超链接的使用

    HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

网友评论

      本文标题:html图像插入与超链接

      本文链接:https://www.haomeiwen.com/subject/clcqdftx.html