HTTP:attribute
全局属性id
id属性是元素在网页内的唯一标识符。比如,网页可能包含多个<p>标签,id属性可以指定每个<p>标签的唯一标识符。
<p id="p1"></p> <p id="p2"></p> <p id="p3"></p>
上面代码中,三个<p>标签具有不同的id属性,因此可以区分。
id属性的值必须是全局唯一的,同一个页面不能有两个相同的id属性。另外,id属性的值不得包含空格。
class
class属性用来对网页元素进行分类。如果不同元素的class属性值相同,就表示它们是一类的。
<p class="para"></p> <p>“p”</p> <p class="para"></p>
第一个<p>和第三个<p>是一类,因为它们的class属性相同
元素可以同时具有多个 class,它们之间使用空格分隔
<p class="p1 p2 p3"></p>
image
<img>标签用于插入图片。它是单独使用的,没有闭合标签。 、
<img src="task.jpg">
另外还可以利用img标签进行xss注入
例如:<img src="task.jpg" οnerrοr="alert('xss 注入')" />
alt属性
用来设定图片的文字说明。图片不显示时(比如下载失败,或用户关闭图片加载),图片的位置上会显示该文本。简单来说类似于注释的存在
<img src="task.jpg" alt="这是图片">
width 属性
width属性是用于定义元素的宽度。它可以用于各种HTML元素,包括图片、表格、文本框等。可以使用像素(px)、百分比(%)或其他单位来设置宽度值。
例如,要将一个图片的宽度设置为300像素,可以这样使用width属性:
<img src="image.jpg" width="300px">
height属性
height属性用于定义元素的高度,与width属性类似。它也可以用于各种HTML元素,并可以使用像素(px)、百分比(%)或其他单位来设置高度值。
举个例子,要将一个div元素的高度设置为200像素,可以这样使用height属性:
<div style="height:200px"></div>
需要注意的是,使用width和height属性可以设置元素的固定宽度和高度。如果将其中一个属性设置为auto,浏览器会自动调整元素的尺寸以适应内容或父元素的尺寸。