上一节:
下一节:

  HTML 属性

  • HTML属性

    • 所有HTML元素都可以具有属性
    • 属性提供有关元素的其他信息
    • 始终在开始标记中指定属性，如：<p name="value">content</p>
    • 属性通常以名称/值对的形式出现，如：name =“value”

  • href属性

    href属性用来定义一个连接地址 
    <a href="https://www.jc2182.com/qianduan/html/html-shuxing.html">欢迎来到蝴蝶教程<a>
    尝试一下

  • src属性

    有几个元素会有src属性，这里会介绍img元素的src属性，后面的课程会介绍其他的。图像源的文件名会在img的src属性中定义： 
    
<img src="images/logo.png">
    尝试一下

  • height和width属性

    用于定义元素的高和宽，一般常见用于定义图像的宽高。

    
<img src="images/jixinagwu.png">
<br>
<img src="images/jixinagwu.png" height="195px" width="248px">
    尝试一下

  • alt属性

    alt属性用于定义图片的注释，当图片源失效时显示的是alt定义的信息，也可以用于帮助听网页的用户（比如盲人）听到图片的信息。

    
<!--  test.png这张图片失效了 (这里是HTML注释 浏览器不会显示这里，后面的课程会介绍) -->
<img alt="蝴蝶教程" src="images/test.png">
    尝试一下

  • style属性

    用于定义元素的样式：颜色，字体，大小等等。

    
<span style="color:red;">蝴蝶教程</span>
    尝试一下

  • lang属性

    lang属性定义于html元素中，声明网页使用的语言，对于网页起到辅助性作用，对屏幕阅读器使用者，和搜索引擎非常重要。

    
<!DOCTYPE html>
<html lang="zh">
<body>

<h2>欢迎来到蝴蝶教程</h2>
</body>
</html>

  • title属性

    lang属性会定义元素的一个title，当鼠标悬停在该元素上时，作为展示工具。

    
<p title="蝴蝶教程">蝴蝶教程</p>
    尝试一下

  • 我们的建议

    注意：W3C的规范建议小写字母来书写属性

    注意：HTML5的属性值是不在要求属性值用引号来包含，但你在书写的时候应该加上引号来包含属性值

    例如： 这是推荐的做法： 
    
<a href="https://www.jc2182.com">蝴蝶教程</a>
    这是不推荐的做法： 
    
<a href=https://www.jc2182.com>蝴蝶教程</a>
    这是错误的做法(因为属性值存在一个空格，没有引号包含就不是一个整体了)： 
    
<span name=Jim Tomas>蝴蝶教程</a>

  • 属性值用单引号还是双引号

    如果属性值本身含有双引号，那就使用单引号。 例如：

    
<span name='my name is "Jim"'>蝴蝶教程</a>
    反之： 
    
<span name="my name is 'Jim'">蝴蝶教程</a>

上一节:
下一节: