web中html的简单应用

HTML

一、超链接

<body>
    <!--  a 标签是超链接
          herf属性设置哪个目标进行跳转
              _self     表示当前页面（默认值）
              _blank    表示打开新页面进行跳转
	-->
    <a href="https://www.baidu.com">百度</a><br/>
    <a href="https://www.baidu.com" target="_self">百度_self</a><br/>
    <a href="https://www.baidu.com" target="_blank">百度_blank</a><br/>
</body>

二、img标签

在web中路径分为相对路径和绝对路径

相对路径：
- . 表示当前文件所在的目录
- .. 表示当前文件所在的上一级目录
- 文件名表示当前文件所在目录的文件，相当于./文件名（./可以省略）
绝对路径：
- http://ip:port/工程名/资源路径

src：图片路径
width：图片宽度
height：图片高度
border：图片边框大小
alt：当找不到图片时，代替显示的文本

<body>
    
    <img src="../img/1.jpg" width="400" height="500" border="1" alt="找不到图片">
    <img src="../img/2.jpg" width="400" height="500">
    <img src="../img/3.jpg" width="400" height="500">
    <img src="../img/4.jpg" width="400" height="500">
    <img src="../img/5.jpg" width="400" height="500">
</body>