使用此代码:<img border='0' src='/jpg' width='100%' height='100%' style='position: absoluteleft:0pxtop:0pxz-index: -1'>或者background-size:cover。
拓展资料【HTML】
超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
【由来】
万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接)。
所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。
在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。
因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
参考资料:百度百科--HTML
比方说背景图片铺满整个div(不管多大):
<div style="width:320px height:240px background:url(图片url) no-repeat center / 100% 100%"></div>如果想让图片保持原始的长宽比例不变形(多余部分自动裁去):
<div style="width:320px height:240px background:url(图片url) no-repeat center / cover"></div>如果想保持比例的同时又要显示出完整的图片(div会出现留白):
<div style="width:320px height:240px background:url(图片url) no-repeat center / contain"></div>取值:repeat、no-repeat 、repeat-x、repeat-y 。
repeat : 默认值。背景图像在纵向和横向上平铺;
no-repeat : 背景图像不平铺;
repeat-x : 背景图像仅在横向上平铺;
repeat-y : 背景图像仅在纵向上平铺。
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点--就是一种URL指针,通过激活它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。
一个网页对应于一个HTML文件,HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。 标准的HTML文件都具有一个基本的整体结构,即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。
标记符说明该文件是用HTML来描述的。它是文件的开头,而则表示该文件的结尾,它们是HTML文件的始标记和尾标记。