HTML 常用标签的用法
1.a标签
使用情形:HTML a(anchor 锚)通过'href'属性创建超链接指向某一指定位置。
href:Hyper Reference,译为超级引用,即超链接。
<a href="https://google.com">谷歌</a>
<a href="http://google.com">谷歌</a>
<a href="//google.com">谷歌</a>
<!-- 这三种写法 都能跳转到谷歌。后面学到http再理解 -->
指定位置可以是网站、电话号码、邮件地址等。
代码示例:
<a href="https://www.baidu.com/">去百度</a>
<a href="mailto:crystalpeng1998@gmail.com">发邮件给我</a>
<a href="tel:+12345678911">打电话给我</a>
2.img标签
使用情形:HTML img(图像)用于将图像嵌入文档。
<img src="girl.jpg" alt="加载失败" height="100%" width="100%" />
src是必须的,可以是图片的相对路径或者绝对路径。
alt定义了图片文本描述。不是必填的,但推荐填写。当图片加载失败时,作为备用展示内容。
width和height设置图像原本的大小。若想改变图像大小,只需设置其中一个,另一个就会等比例缩放。都设置为100%时,图片会自适应所有页面大小。
3.table标签
使用情形:HTML table(表格)应该用于表示表格数据。
在<table>中,用<thead>定义表头的内容、用<tbody>表示表格的主体内容,最后用<tfooter>定义表格各列的汇总行。
代码示例:
<table>
<thead>
<tr>
<!-- tr 表示table row -->
<th></th>
<!-- th 定义表格内的表头单元格 -->
<th>张三</th>
<!-- 这里的 th 作为每一列的表头 -->
<th>李四</th>
<th>王五</th>
</tr>
</thead>
<tbody>
<tr>
<th>英语</th>
<!-- 这里的 th 作为每一行的表头 ,下同-->
<td>71</td>
<!-- td 表示单元格的数据 -->
<td>81</td>
<td>88</td>
</tr>
<tr>
<th>语文</th>
<td>90</td>
<td>82</td>
<td>65</td>
</tr>
<tr>
<th>数学</th>
<td>61</td>
<td>91</td>
<td>85</td>
</tr>
</tbody>
<tfoot>
<th>总分</th>
<td>222</td>
<td>254</td>
<td>238</td>
</tfoot>
</table>
效果如图1:
图1
<table>支持全局属性,下列属性现已弃用,请用CSS代替。
align、bgcolor、border、cellpadding、cellspacing、frames、rules、summary、width。