元素,属性

元素

  html有父元素和子元素,被包含的叫子元素,如html是head的父元素,他们是父子关系,head和body是兄弟关系

    <html>

      <head></head>

      <body></body>

    </html>

属性:元素可以加属性,用属性更精确的控制元素的显示

  <a href="www.baidu.com">测试连接</a>  <!--href就是属性,他的属性值是链接-->

注意:=前面的是属性名=后面的是属性值,属性值要用引号包起来。(href属于a标签的属性)

标签:

img标签引导了一幅图片,属于自闭和标签如<img />。它使用“src”属性引入图片的,可以引用项目里的图片,也可以引用网络上的图片(网络图片不稳定,一般用自己项目里的图片。)

图片资源一般都是单独向创建一个文件夹如,把你的图片复制到img里面。要引入文件里的图片的话<img src="img/img.gif">.(/后面跟的是图片地址)

title标签是悬停提示,鼠标悬停在图片上有个提示<img src="img/img.gif" title="看什么">悬停显示就是“看什么”

alt标签是网络不好或者图片有问题图片无法显示时给用户的提示如<img src="img/img.gif" title="看什么" alt="图片已损坏">如果图片无法显示就会显示字

练习

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>这是标题</title>

</head>

<body>

  <img src="img/img.gif" title="你看什么" alt="你的图片死掉了"

</body>

</html>

 

posted on 2016-12-01 15:45  独孤晓宇  阅读(164)  评论(0编辑  收藏  举报