第一阶段:HTML初步学习

HTML的元素初用篇之–a标签和table标签篇

1、 a标签 ( href、name属性)

  • 1、书签:name
    • 1)先定义锚:<a name="top"></a>
    • 2)然后在定义链接
      • a、在相同页面:<a href="#top">跳转到顶层</a>
      • b、在不同页面:<a href="index.html#top">跳转到index.html的top处</a>
  • 2、可以使用 id 属性来替代 name 属性,命名锚同样有效。
    比如:<div id="要跳到的位置"></div> <a href="#要跳到的位置">点击跳到</a>

2、table标签

  • 1、表头:tr、th
  • 2、表格:tr、td
  • 3、单元格合并
    • a、行合并:colspan=“2”
    • b、列合并:rowspan=“2”
  • 4、cellpadding和cellspacing属性
    • cellpadding:表格内容与表格边框之间的间距
    • cellspacing:表格与表格的间距
<h4>没有单元格间距:</h4>
<table border="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>单元格间距="0":</h4>
<table border="1" cellspacing="0">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>单元格间距="10":</h4>
<table border="1" cellspacing="10">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

在这里插入图片描述
[link][https://www.runoob.com/html/html-tables.html]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值