元素,属性
元素
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>