html背景图片如何自适应大小?

html背景图片如何自适应大小?,第1张

如果通过css设置背景图,那么图片尺寸要足够大,目前大宽屏1920左右,所以宽度最好设置为1920,然后居中;如果通过div嵌入图片,那么将此div设置成绝对定位,z-index:-1。

万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(UniformResourceLocator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

<div style="position:relativewidth:300pxheight:200pxborder:1px solid redfloat:left">

<img src="img/header_right.jpg" style="width:300pxheight:200px">

<div style="position:absolutetop:0pxleft:0px">这里放入内容1</div>

</div>

<div style="position:relativewidth:200pxheight:100pxborder:1px solid redfloat:left">

<img src="img/header_right.jpg" style="width:200pxheight:100px">

<div style="position:absolutetop:0pxleft:0px">这里放入内容2</div>

</div>

<div style="position:relativewidth:100pxheight:50pxborder:1px solid redfloat:left">

<img src="img/header_right.jpg" style="width:100pxheight:50px">

<div style="position:absolutetop:0pxleft:0px">这里放入内容3</div>

</div>

html简介:

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

字符集:

在网页中除了可显示常见的ASCII字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,如:;二是键盘上没有的字符。

HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以&符开始,以分号结束,其间是字符名;数字代码也以&符开始,以分号结束,其间是#号加编号。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7133403.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存