HTML是一种超文本标记语言,标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言,是网页制作所必备的。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
扩展资料:
其主要特点如下:
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
数据类型:
超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值。
包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。
参考资料:
百度百科-HTML
方法/步骤
在body中创建背景图片,就需要用到背景图片属性啦,如图在background-image后面插入url;在rul后面就是添加的图片链接位置
请点击输入图片描述
如果我们只做了这么一步,而且自己的图片本来就不是很大,那么在网页上就会出现多拍重叠的图片,
请点击输入图片描述
这时候就需要将图片重复现象去掉,设置代码background-repeat设置,而这里就有多钟设置方式了,可以将图片只在横排出现
请点击输入图片描述
如图在横排出现重复
请点击输入图片描述
也或者只让他在竖排重复出现
请点击输入图片描述
请点击输入图片描述
只让他出现一张图片的方法就是设置no-repeat;这样在背景上就会显示一张图片了
请点击输入图片描述
请点击输入图片描述
如果想要将这个图片在整个背景上显示,可以设置background-size:100% auto这样就将背景只显示一张图片了
请点击输入图片描述
请点击输入图片描述
8
在图片背景的问题上,还可以对图片背景进行定位处理。
请点击输入图片描述
HTML里面编写背景图片方法基本分三种:
通过标签直接设置<p style="background-image:url(images/a.jpg)">aaaaa</p>
通过CSS设置:select{background-image: url(images/a.jpg)}
通过js修改$(select).css("background-image","url(images/a.jpg)")
扩展资料:定义和用法:background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
详细说明:background-image 属性会在元素的背景中设置一个图像。
根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。
如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。
repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
参考实例:
参考资料:W3school
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)