HTML5（5）——属性

2018-10-06 本文已影响7人 lxmic

咖啡豆

其实，我一直有个愿望，我想每天早晨起来，喝着咖啡，写点东西。不过，到现在都还没有实现，我想我得先做到早起吧。上次，我们讲了是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属性

图片的属性包括很多，其中大小属性就是用width和height属性来指定。如<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">