HTML(三)

原创
2016/09/14 17:42
阅读数 6
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>常用的标签属性</title>
    </head>
    <body>

        <!-- 1. id 标识属性
        尽量保持id值的唯一性
        -->
        <p id="main">好雨知时节,当春乃发生</p>

        <!-- 2. 类别 class
        一个标签可以有多个类别  类别值之间用空格隔开
        一个类别可以用于多个标签
        -->
        <p class="tag test">随风潜入夜,润物细无声</p>
        <p class="test">江上往来人,但爱鲈鱼美</p>

        <!-- 3.name 名称-->
        <p name="index">君看一叶舟,出没风波里</p>

        <!-- 4.title  鼠标悬浮时显示的提示-->
        <p title="鼠标悬浮时显示的提示">横看成岭侧成峰,远近高低各不同</p>

        <!-- 5. alt 资源不存在的情况下的提示-->
        <img alt="图片不存在" src="https://ss0.bdstatic.com/5aV1bjqh/static/superman/img/logo/bd_logo1_31bdc765.png">

        <!-- 6. style CSS样式属性-->
        <p style="background-color: red; color: white">不识庐山真面目,只缘身在此山中</p>




    <!--************************************************* -->

        <!-- 1. 内嵌窗口-->
        <iframe width="500px" height="300px" src="form.html"></iframe>

        <!-- 2. 鼠标的样式 cursor-->
        <p style="cursor: zoom-in">采菊东篱下,悠然见南山。</p>

    </body>
</html>

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部