HTML基础:图像与超链接及<table>标签详解
"本文主要介绍了HTML中的<table></table>标签符以及相关属性,包括Width、Border和Frame属性,同时还深入探讨了静态页面的基础知识,如图像与超链接的使用。内容涵盖位图与矢量图的差异、常见的Web页图像格式(GIF、JPEG、PNG)、图像标记符<IMG>及其属性,以及如何优化和处理网页图像。" 在HTML中,`<table>`标签用于创建表格,这是构建网页布局和展示数据的重要方式。`Width`属性用于设定表格的宽度,可以设置为像素值或百分比,从而控制表格在页面上的占用空间。`Border`属性定义了表格边框的宽度,设置为0则表示不显示边框。`Frame`属性则用于控制表格边框的显示,有多种取值,如Void、Above、Below、Hsides、Vsides、lhs、rhs、box和border,分别对应不同的边框显示情况。 接着,文章提到了静态页面的基础知识,包括图像和超链接。在Web页图像方面,主要讲解了位图和矢量图的区别,位图以像素点描述图像,而矢量图通过线条和填充色等数学信息描绘图像。常见的Web页图像格式有GIF(支持透明和动画,适合颜色较少的图像),JPEG(适合颜色丰富的静态图像,可控制压缩比率),以及PNG(支持半透明,适用于矢量图像)。 对于图像的使用,强调了几个要点:减小文件大小以加快页面加载速度,合理控制图像质量和数量,以及谨慎使用动画。此外,还介绍了图像标记符`<IMG>`,它用于插入图像或动画,包含多个属性,如`src`指定图像的URL,`alt`提供替代文字,`dynsrc`用于动态源,`border`设置边框宽度,`align`控制对齐方式,`height`和`width`设定图像尺寸,`hspace`和`vspace`定义图像周围的空白。 在超链接部分,提到了统一资源定位器(URL)和超链接标记符`<A>`,以及锚点链接和图像映射的概念,这些都是网页交互性的重要组成部分。 本文详细阐述了HTML表格的属性使用以及静态页面设计中的图像处理和链接应用,是学习网页制作基础知识的良好参考资料。
![ppt](https://img-home.csdnimg.cn/images/20210720083527.png)
![application/octet-stream](https://img-home.csdnimg.cn/images/20210720083646.png)
![application/octet-stream](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
台风编号 | 台风名 | 英文名 |
---|
<input type="radio" :value="typhoon.id" v-model="selectedTyphoonId"> | {{ typhoon.number }} | {{ typhoon.name }} | {{ typhoon.englishName }} |
事件 | 风速 | 移向 | 强度 |
---|---|---|---|
{{ detail.event }} | {{ detail.windSpeed }} | {{ detail.direction }} | {{ detail.intensity }} |
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)