精华内容
下载资源
问答
  • HTML图片标记

    千次阅读 2017-03-10 14:36:50
    图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">为单标记,不需要使用闭合加载图像文件的时候,文件的路径或者文件名格式错误,将无法加载图片 标记的属性 src 指定我们要加载的图片的...

    img

    <img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">
    
    <img>为单标记,不需要使用</img>闭合
    
    在加载图像文件的时候,文件的路径或者文件名格式错误,将无法加载图片
    
    
    
    
    <img>标记的属性
    
        src  指定我们要加载的图片的名称以及图片的格式
    
        width  指定图片的宽度,单位px,em,cm,mm
    
        height  指定图片的高度,单位px,em,cm,mm
    
        border  指定图标的边框宽度,单位px,em,cm,mm
    
        alt
    
            当网页上的图片呗加载完成之后鼠标移动上去会显示这个图片指定的属性文字
    
            如果图像没有下载或者下载失败会用文字来代表图像显示
    
            搜索引擎可以通过这个属性的文字来抓取图片
    
    展开全文
  • HTML标记或ASP.NET控件,相对地址的解析是不一样的。   如果你ASP.NET控件使用相对地址,相对地址被解析为相对母版页的地址,例如,假设你母版页添加了一个图片: 如果母版页一个MasterPages...

    在ASP.NET的母版页中使用图片和超链接

     

    在母版页中使用相对地址的时候要特别小心.特别是在母版页中添加图片和超链接的时候。HTML标记或ASP.NET控件中,相对地址的解析是不一样的。

     

    如果你在ASP.NET控件中使用相对地址,相对地址被解析为相对母版页的地址,例如,假设你在母版页中添加了一个图片:

    <asp:Image ImageUrl="Picture.gif" Runat="Server" />

    如果母版页在一个MasterPages文件夹中,这个地址会被解析为:

    /MasterPages/Picture.gif

    如果引用母版的内容页在另一个不同的文件夹中,图片地址还是会被解析为这个相对于母版页的地址。

     

    在HTML标记中使用相对地址则不同,这个图片地址会被解析为相对于引用母版页的内容页的地址。

     

    解决的方法有三个:

    第一种方法,把HTML标记替换成ASP.NET标记。

    第二种方法,使用绝对地址,而不是相对地址,例如,在名为MyApp的应用程序中,可以使用以下<img>标签来显示在MasterPages文件夹中的图片:

    <img src="/MyApp/MasterPages/Picture.gif" />

    第三种方法,在母版页中使用方法来重新解析相对地址,如程序清单5.10所示。

    我的解决办法:

    1、把母版页和引用页都放在项目根目录下,想把母版页放在主题文件夹下的,系统不让。

    2、把母版用的图片放在主题文件夹下,和CSS文件在一起。

     

    01.<%@ Master Language="VB" %> 
    02.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
    03."http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
    04. 
    10. 
    11. 
    14. 
    15.   

    16.
    17. 18. Website Logo 19. 20. 21. 22.
    23. 24. 25.

    You must be careful when using relative URLs in a Master Page. For example, you must be careful when adding images and links to a Master Page. Relative URLs are interpreted in different ways, depending on whether they are used with HTML tags or ASP.NET controls.

    If you use a relative URL with an ASP.NET control, then the URL is interpreted relative to the Master Page. For example, suppose that you add the following ASP.NET Image control to a Master Page:

    <asp:Image ImageUrl="Picture.gif" Runat="Server" />
    

    The ImageUrl property contains a relative URL. If the Master Page is located in a folder namedMasterPages, then the URL is interpreted like this:

    /MasterPages/Picture.gif
    

    Even if a content page is located in a completely different folder, theImageUrl is interpreted relative to the folder that contains the Master Page and not relative to the content page.

    The situation is completely different in the case of HTML elements. If an HTML element such as an<img> or<a> tag includes a relative URL, the relative URL is interpreted relative to the content page. For example, suppose you add the following<img> tag to a Master Page:

    <img src="Picture.gif" />
    

    The src attribute contains a relative URL. This URL is interpreted relative to a particular content page. For example, if you request a content page located in a folder namedContentPages, the relative URL is interpreted like this:

    /ContentPages/Picture.gif
    

    Using relative URLs with HTML elements is especially tricky because the URL keeps changing with each content page. If you request content pages from different folders, the relative URL changes. There are three ways that you can solve this problem.

    First, you can replace all the HTML elements that use relative URLs with ASP.NET controls. An ASP.NET control automatically reinterprets a relative URL as relative to the Master Page.

    Note

    Relative URLs used by ASP.NET controls in a Master Page are automatically reinterpreted relative to the Master Page. This process of reinterpretation is calledrebasing. Only ASP.NET control properties decorated with theUrlProperty attribute are rebased.


    Second, you can avoid relative URLs and use absolute URLs. For example, if your application is named MyApp, then you can use the following<img> tag to display an image file located in theMasterPages folder:

    <img src="/MyApp/MasterPages/Picture.gif" />
    

    The disadvantage of using absolute URLs is that they make it difficult to change the location of a web application. If the name of your application changes, then the absolute URLs will no longer work and you'll end up with a bunch of broken images and links.

    Another option is to use a method to reinterpret relative URLs in a Master Page. For example, the Master Page inListing 5.10 includes a method namedMasterUrl(). This method is used with the<img> tag in the body of the Master Page, which displays the website logo.

    Listing 5.10. MasterPages\ImageMaster.master
    <%@ Master Language="VB" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <script runat="server">
    
        Public Function MasterUrl(ByVal url As String) As String
            Return String.Format("{0}/{1}", Me.TemplateSourceDirectory, url)
        End Function
    </script>
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="Head1" runat="server">
        <title>Image Master</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
    
        <img src='<%=MasterUrl("Logo.gif") %>' alt="Website Logo" />
    
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server" />
    
        </div>
        </form>
    </body>
    </html>
    
    


     

    The Master Page in Listing 5.10 is located in a folder namedMasterPages. This folder also includes an image namedLogo.gif. This image is displayed with the following HTML tag:

    <img src='<%=MasterUrl("Logo.gif") %>' alt="Website Logo" />
    


     

    The MasterUrl() method appends the image's filename to the value of the Master Page'sTemplateSourceDirectory property. TheTemplateSourceDirectory property represents the folder that contains the Master Page.

    The content page inListing 5.11 uses the Master Page and correctly displays the website logo (seeFigure 5.5):

     

    Figure 5.5. Displaying a Master Page relative image.

    Listing 5.11. ImageContent.aspx

    <%@ Page Language="VB" MasterPageFile="~/MasterPages/ImageMaster.master" %>
    
    <asp:Content
        ID="Content1"
        ContentPlaceHolderID="ContentPlaceHolder1"
        Runat="Server">
    
        <h1>Content</h1>
    
    </asp:Content>
    
    

     

    展开全文
  • 在HTML中有一个具有把图片划分成多个作用区域,并链接到不同网页的标记,那就是 地图作用区域标记。  标记主要用于图像地图,通过该标记可以图像地图设定作用区域(又称为热点),这样当用户的鼠标移到指定...

    在HTML中有一个具有把图片划分成多个作用区域,并链接到不同网页的标记,那就是 <area>地图作用区域标记。

      <area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下:

    <area

    class=type

    id=Value

    href=url

    alt=text

    shape=area-shape

    coods=value>

      其中。class和id:是分别指定热点的类型和id号。

    alt:用于设定热点的替代性文字。

    href:用于设定该热点所链接的url地址。

    shape和coords:是两个主要的参数,用于设定热点的形状和大小。其基本用法如下:

    <area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形,左上角顶点坐标为(X1,y1),右下角顶点坐标为(X2,y2)。

    <area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形,圆心坐标为(X1,y1),半径为r。

    <area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形,各顶点坐标依次为(X1,y1)、(X2,y2)、(x3,y3) ......。

      <area>标记是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域,并为指定的图像地图设定名称,该标记的用法很简单, 即<map name="图像地图名称"> ...... </map>。

      下面通过一个例子来说明这两个标记的用法:

    550)this.style.width=550; if(this.height>550)this.style.width=(this.width*550)/this.height;">

      这里是一幅新书架的图片,要做的效果是:当鼠标点“网址大全”这本书时,新开一窗口,显示关于这本书的简介及订单的网页 (urlall.htm);当 鼠标点“网站设计攻略”这本书时,新开一窗口,显示关于这本书的简介及订单的网页(siteall.htm);当鼠标点“网页技巧大全”这本书时,新开一 窗口,显示关于这本书的简介及订单的网页(pagejqlall.htm)。制作方法:

      1、插入图片,并设置好图像的有关参数,且在<img>标记中设置参数usemap="newbook" ismap,以表示对图像地图(newbook)的引用;

      2、用<map>标记设定图像地图的作用区域,并取名为:newbook;

      3、分别用<area>标记针对三本书的位置划分出三个矩形作用区域,并设定好其链接参数href。

      制作完成,本例的源代码如下:

    <img src="image/htmlp3.gif" width="207" height="148" alt="新书架" hspace="10" align="left" usemap="#newbook" border="0">

    <map name="newbook">

    <area shape="rect" coords="56,69,78,139" href="urlall.htm" target="_blank" alt="这里收集十万多个网址。" title="这里收集十万多个网址。">

    <area shape="rect" coords="82,70,103,136" href="siteall.htm" target="_blank" alt="网站设计师的启蒙读本。" title="网站设计师的启蒙读本。">

    <area shape="rect" coords="106,68,128,136" href="pageall.htm" target="_blank" alt="网页制作者不可不读的书。" title="网页制作者不可不读的书。">

    </map>

      在制作本文介绍的效果时应注意的几点:

      1、在<img>标记不要忘记设置usemap、ismap参数,且usemap的参数值必须与<map>标记中的name参数值相同,也就是说,“图像地图名称”要一致;

      2、同一“图像地图”中的所有热点区域都要在图像地图的范围内,即所有<area>标记均要在<map>与</map>之间;

      3、在<area>标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套,避免出现在shape参数设置的矩形作用区域,而在cords 中设置的却是多边形区域顶点坐标的现象出现。

    展开全文
  • 图片 l Web上支持的图片格式 GIF(图形交换格式):GIF格式文件最多只能保存256种颜色,该格式支持透明色,支持动画效果...l 图片标记  路径:../代表出(向上一级)一层文件夹,/用于分隔文件与文件夹的层次。 标记

    图片

    l  Web上支持的图片格式

    GIF(图形交换格式):GIF格式文件最多只能保存256种颜色,该格式支持透明色,支持动画效果。

    JPEG(联合图像专家组):该格式不支持透明色和动画,颜色可达1670万种。

    PNG(网络可移植式):该格式支持透明色和动画,颜色从几种到1670万种。

    l  图片标记<img src=”图片的路径”/>

      路径:../代表出(向上一级)一层文件夹,/用于分隔文件与文件夹的层次。

    <img />标记的属性和属性值及其说明

    属性名称

    属性值

    说明

    src

    URL

    图片的路径

    alt

    文本

    规定图片的替代文本【图片无法显示时】

    title

    文本

    鼠标悬停时显示的内容

    width

    像素/百分比

    设置图片的宽

    height

    像素/百分比

    设置图片的高

    border

    数字

    设置图像的边框

    align

    left

    图片靠左,文字靠右

    right

    图片靠右,文字靠左

    top

    文字垂直居中上靠

    middle

    文字垂直居中

    botttom

    文字垂直居下(默认)

    vspace

    像素

    定义图像顶部和底部的空白(垂直边距)

    hspace

    像素

    定义图像左侧和右侧的空白(水平边距)

    展开全文
  • 但是卡了地图标记这块,不论我怎么尝试,标记就是不会显示地图上,反反复复看了很多博客,也研究了文档,都觉得没有问题,也用html尝试了,标记可以显示,但就是我的vue项目显示不出来,后来发现是图片引入...
  • html中添加了图片,想在图片上添加文字,可是文字总是显示换行或者第一行
  • html 图片在一个div放大缩小效果

    万次阅读 2018-09-05 22:22:35
    图片放大,缩小也是前端经常遇到得问题,以下就根据这个需求,做如下示范: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;图片放大&lt;/title&gt; &...
  • HTML图片标签的标记属性作用讲解

    千次阅读 2019-03-26 13:30:48
    编写HTML文件时,需要添加图片时,标准语法是:<img src = "图像URL(图像的文件路径和文件名)" /> <img /> 主要标记属性: 1.alt 图片添加alt属性时,如果添加的图片能够正常显示,则不会显示出效果...
  • 做一个毕业设计,做出百度地图的一些功能,我网页导入一张自制的网页图片, 然后想要选取一个点,出来那个位置标记像百度地图一样,不知道如何实现,技术大牛 快来。
  • 如何使li标记显示一行?li标记的文字与图片显示一起?![图片说明](https://img-ask.csdn.net/upload/201712/03/1512288843_949072.jpg)
  • 在html上做一个类似百度地图一样的网页,用鼠标点击图片(地图)某个位置,标记出来,再点击另外一个位置也标记出来,但是前一个标记不取消,怎么做到取消呢,每次点击都是一个位置显示出来 ``` html,body{...
  • HTML标记图片的使用】!

    千次阅读 2007-10-31 00:39:00
    图片的使用======================================================使用标心插入图片标记是用于导入图文件的标记,使用此标记可将文件导入到HTML文件显示。标记并无终止标记,因为当浏览器读取到标记时,会直接...
  • 1-3html文字标记及换行、图片标记

    千次阅读 2017-10-19 17:07:37
    知识点:  一、html 文字标记  二 、html  三 、html 实体  四、html 一、html 文字标记  1>普通文字,页面上正常显示  2>字体标记:  定义斜体文本  文本加粗  
  • extView是不只可以String的,我们平常用的给setText()方法传递String参数的时候,其实是调用的public final void setText (CharSequence text)方法,String类是CharSequence的子类。...我们可以用它来TextView
  • 一、HTML基础知识 1、HTML(hypertext markup language,超文本标记语言):是一种用来制作超文本文档的简单标记语言。用于描述网页的格式设计(网页上定义一个标题、...静态网页,整个网页的主要结构与网页的显...
  • HTML入门笔记14-HTML中插入图片标签

    千次阅读 2017-07-22 22:48:19
    本篇学习HTML中插入图片标签,img是英文单词image的缩写,主要有三个参数,scr的值需要写图片的路径,height表示图片高度,width表示图片宽度,下面我们用百度首页图片来演示。需要提前把百度首页图片保存到本地,...
  • html是超文本标记语言,里面显示的图片一般是指向另一个url的,但是,我使用word的时候,我发现word文件里面是可以包含图片的,而且图片是保存word文件里面的,这个就比html方便多了,当我保存html的时候,一般...
  • 1.springmvc controller使用QRCode生成二维码图片 2.前台JSP页面显示此图片
  • 用户在图片标记某个点,注意是相对于该图片的绝对位置, 即使是浏览器页面窗口大小的改变的情况下,该标记点相对于图片的位置也不会改变。(jquery.ipicture.js做不到该功能) 将标记点位置保存到数据库,下次能...
  • 第六章 HTML网页图片 本章要点 img标记 网页中图片的属性 图文混排 使用CSS样式表设置图片属性 目录: 6.1 网页加入图片 6.2 图片与文字的排版 6.3 网页背景图片 6.4 利用CSS样式网页加入...
  • HTML图片

    千次阅读 2019-04-28 17:30:53
    博主最近的工作遇到了这么一个问题:将 HTML 页面渲染的内容保存为图片文件或 base64 字节流。于是博主便开始如下探索: 首先博主从同事那里打听到了一个 js 库 html2canvas.min.js ,该库可将 HTML 转 ...
  • HTML技术:如何网页中图片的随机显示,图片随机显示是一个应用非常广泛的技巧。比如随机banner的显示,当你进入一个网站时它的banner总是不同的,或者总有内容不同的提示(tips),大家网上浏览时会经常发现这样的...
  • 插入图片标记 今天看到的丰富多彩的网页,都是因为有了图像的作用。想一想过去,网络全部都是纯文本的网页,非常枯燥,就知道图像网页设计的重要性了。在html页面可以插入图像,网页常用的图像格式有JPEG和...
  • HTML语言标记详解

    万次阅读 多人点赞 2018-10-20 15:06:36
    开发过Android的同学都知道,Android应用程序的界面是由一个个控件组合而成的,比如说按钮控件,图片控件,文本输入框控件等。HTML语言的标记就可以理解成控件的标记,一个标记指定了一个控件,但是标记并不是控件...
  • HTML】什么是 HTML 图片标签 img

    千次阅读 2019-10-27 17:26:57
    一:什么是图片标签 img 。 二:img 的src 属性、alt 属性、title 属性、width 和height 属性。
  • 【叶子函数分享一】去除字符串html标记标记中的内容
  • ``` 请教个正则表达式的问题, 我想从html文件提取图片url, 比如, "/> "/> 如果只提取png图片正则表达式怎么写 ```
  • 详解网页制作使用的HTML常用标记

    千次阅读 2020-02-22 14:18:26
    整份文件处于标记<HTML>与</HTML>之间 <HEAD>由<HEAD>至</HEAD>称为开头 <TITLE>只可出现开头部分,所标示的是文件的标题 <BODY><BODY>至</BODY>称文本 ...
  • HTML中插入图片、超链接(2)

    千次阅读 2020-07-16 21:01:22
    网页常见的图片格式:.png .jpg .jpeg .gif 图片与当前文档同一级目录时:直接写图片的文件名 图片放在文件夹里,该文件夹与html文档同一目录,先进入文件夹再找到对应的图片scr="./images/img01.png" (scr=...
  • HTML5图片

    2013-05-03 11:09:02
    1、html 标签 从技术上讲, 标签并不会网页插入图像,而是从网页上链接图像。...一个网页,文字结合图片显示时,图片作为背景图片,可以段落开始,段落中间或段落结束显示。段落使用标记图片使用标记

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 268,579
精华内容 107,431
关键字:

在html中图片的标记