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