html5基本标签属性

1.图片标签

html5基本标签属性
src:图片路径(必须属性)
alt:替换文本(图片不能显示的时候替换成文字)
title:提示文本(鼠标放到图像的时候)
width:设置图像的宽度
height:设置图像的高度(高度和宽度修改一个就可)
border:设置图像边框的粗细
(各个属性之间必须要空格)
2.路径:(重点)
目录文件夹:普通的文件夹,存放要做页面所有的素材
根目录:打开目录文件夹的第一层就是根目录
相对路径( / ):图片相对于html页面的位子

              同一级路径:         <img src="1.jpg" />
              下一级路径:   /     <img src="image/1.jpg" />
              上一级路径: ../     <img src="../1.jpg" />

绝对路径( \ ):指在电脑上的那个位置:D:\web\img\logo.gif

           完整的网络地址http://www.itcast.cn/images/logo.gif

3.超链接标签:(重点)
(1)外部链接:文本或图片

    属性:
        href:指定链接目标的url地址(必须属性)
        target:链接页面打开的方式
        _self(默认值):当前窗口打开页面
        _blank:新窗口打开页面

(2)内部链接:网站内部之间的相互链接,直接链接内部页面即可

        <a href="index.html">首页</a>

(3)空链接:如果当没有确定链接目标时首页
(4)下载链接:如果href里面是一个文件或者是压缩包的话,点击就会下载这个文件
(5)网页元素链接:在网页中的各种网页元素,如文本、图片、表格、音频、视频等都可以添加超链接

        <a href="http://baidu.com"><img src="1.jpg"/></a>

(6)锚点链接:点击链接,可以快速的定位到页面中的某个位置

     第一步:设置href属性为“#名字”<a href="#two">第二集</a>
     第二步:找到要跳转的位置,在里面添加一个id属性=刚才的名字 <h3 id="two">第二集介绍 
     </h3>
上一篇:正则表达式


下一篇:带你读《JVM G1源码分析和调优》之一:垃圾回收概述