​从零开始学安全 | WEB安全 0X03 HTML基础：a标签 img标签 table标签

WEB安全 0X03 HTML基础：a标签 img标签 table标签

a标签、img标签、table标签

a标签的作用：就是用于控制界面与页面之间的跳转

<a href="http://www.baidu.com" >百度</a>

跳转方式：

1. _blank在新窗口中打开链接
2. _self默认在相同的框架中打开链接
3. _parent在父框架集中打开链接
4. _top在整个窗口中打开链接

<a href="http://www.baidu.com" target="self">百度</a>
<a href="http://www.baidu.com" target="_blank">百度</a>

默认就是self
_self：
用于在当前选项卡中跳转
也就是不新建页面跳转

_blank ：
用于在新的选项卡中跳转
也就是新建页面跳转

锚文本

<a name="2">起始点</a>
<a href="#2">返回顶部</a>

#的作用就是找到文档中2的位置并且回到2的当前位置

img 标签

img 元素向网页中嵌入一幅图像

<img src="/i/鸡鸡.jpg"  alt="蔡徐坤-鸡哥" />
<img src="img/logo.jpg" width="100" height="100" alt="logo">

• alt规定图像的替代文本
• src  规定显示图像的url
• width 规定图片的高度
• height 规定图片的宽度

当图片地址失效，alt元素便发挥作用

table 标签

<caption>我的标题</caption> 
border 边框
width 宽度
height 高度
colspan 行合并标签
rowspan 竖合并标签
<th>表头</th>
<tr>行</tr>
<td>表格</td>
cellpadding 单元边与内容的空白
cellspacing 单元格的空白

举例1：

<table border="1" cellpadding='10' cellspacing='10' >

<caption>姓名 图</caption>
<tr><th>#</th><th>姓名</th><th>年龄</th></tr>
<tr><td>1</td><td>鲁班</td><td>30</td></tr>
<tr><td>2</td><td>马超</td><td>15</td></tr>

</table>

举例2：

<table border="1" cellpadding='10'>

<tr><th>#</th><th>姓名</th><th>年龄</th></tr>
<tr><td>1</td><td>刘备</td><td rowspan='2'>30</td></tr>
<tr><td>2</td><td>鲁班</td></tr>
<tr><td>3</td><td>马超</td><td>15</td></tr>
<tr><td>4</td><td>鲁班大师</td><td rowspan='2'>40</td></tr>
<tr><td>5</td><td>典韦</td></tr>
<tr><td>总数</td><td colspan="2">6</td></tr>
  
</table>