HTML5(5)——属性

字数 554阅读 115
咖啡豆

其实,我一直有个愿望,我想每天早晨起来,喝着咖啡,写点东西。不过,到现在都还没有实现,我想我得先做到早起吧。上次,我们讲了是HTML5的元素,今天就讲元素属性。

HTML属性

  • 所有的HTML元素都是有属性的
  • 属性是添加元素的额外信息
  • 属性通常在起始标签添加
  • 属性的形式通常是键值配对:name="value"

href属性

在HTML中,用来指定链接的标签是<a>,链接地址通常用href属性来指定。例如<a href="https://www.w3schools.com">This is a link</a>

src属性

在HTML中,网页中图片是用<img>标签使用图片,而图像源的文件名是用src属性来指定。例如<img src="img_girl.jpg">

width和height属性

图片的属性包括很多,其中大小属性就是用widthheight属性来指定。如<img src="img_girl.jpg" width="500" height="600">

alt属性

alt属性在网页中的作用是给图片添加文本信息,当有些特殊情况下,我没有办法显示图片,那么只能一文字信息来替代,而alt就是起到这个作用。尤其是对于一些盲人,当在听网页内容的时候,就可以了解到图片的内容。当然,如果图片不存在,那么它也可以显示信息。如<img src="img_girl.jpg" alt="Girl with a jacket">

style属性

在HTML中,style属性是用来修饰元素显示的风格,包括颜色,字体及大小。如<p style="color:red">I am a paragraph</p>,就是将这个段落的字体设计成红色。

lang属性

<html>标签中,可以使用lang属性来进行文档语言声明。en表示英语,US表示美式英语

<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>

title属性

title一般就是用在段落标签中,这个属性会像提示一样,当你将鼠标放在段落上,就会显示title属性内容。

<p title="I'm a tooltip">
This is a paragraph.
</p>
title属性显示

建议

  • 属性最好使用小写字母
  • 属性的值用""括起来
  • 如果需要多个双引号,那么就需要单引号的使用,两种情况:
<p title='John "ShotGun" Nelson'>

<p title="John 'ShotGun' Nelson">

推荐阅读更多精彩内容