HTML之图像、超链接、表格、表单

图像

图像元素

• <img>元素将图像添加到页面，属于单标签
• 必须属性:src
• 常用属性:width、height

绝对路径和相对路径

绝对路径

从盘符开始写出图片的完整的路径
如 D:/images/1.jpg
缺点：
- 路径写的很长，麻烦
- 若项目上线时，用户将网页和图片存到别的盘符下，那么所有路径都错了。

相对路径

只需要写出图片和网页的相对位置。
优点：
- 简单
- 上线时无论将项目存到哪个盘符下，网页和图片的相对位置没有变化

    <!-- 图片和网页平级 -->
    <img src="01.jpg"/>
    <!-- 图片在网页下级 去文件夹下面找02.jpg-->
    <img src="folder name/02.jpg"/>
    <!-- 图片在网页上级 ..为去上一级目录下找03.jpg-->
    <img src="../03.jpg"/>

超链接

创建一个超级链接

使用<a>元素创建一个超级链接。语法如下：

<a href="" target="">文本</a> 
- href属性：链接的URL
- target属性：目标打开方式，可取值为_blank、self等

    <p>
        <a href="http://blog.csdn.net/qq_27853161">博客地址</a>
        <a href="http://blog.csdn.net/qq_27853161" target="_blank">我的博客</a>
    </p>

锚点

• 锚点是文档中某行的一个记号
  – 用于链接到文档中的某个位置
• 定义锚点
  – <a name="a1">锚点一</a>
• 链接到锚点：在锚点名字前面加上#号
  – <a href="#a1#">回到锚点一</a>

    <!-- 顶部默认就是锚点,没有名字. -->
    <