HTML_02_基本表格与meta知识 ...-优快云博客

本文详细介绍了HTML中图片标签的使用方法及属性设置，并深入探讨了表格的各种属性和布局技巧，包括单元格合并等高级应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片标签（单标签行内标签）

<img />

图片属性 src=“ 图片地址”

<img src="image/ a.jpg" width="500" height="155" boder="4" alt= "解释" hspace="与内容的左右距离" vspace=“” 等比例缩放只要缩放宽度与高度/ >

表格介绍、

<table align =“center“boder="1 //默认是0" width="shuzhu" height="不建议设置" cellpadding=“12”//默认是2>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

//二行三列

</table>

table属性

align =“center“boder="1

//默认是0" width="shuzhu" height="不建议设置" cellpadding=“12”//默认是2

cellpadding=“12”//内容与单元格

callspacing=“22”//单元格之间距离

bgcolor=“red”

rules=“all” 细的合并边框线

背景图片优先于背景颜色background=“地址“

tr属性

height

bgcolor

background

align=“left center righ”

valign =“bottom ，top，Middle”

单元格属性

bgcolor 背景

background 背景图片

width

height

align

valign

表格的扩充

合并

colspan=“3”

<table align =“center“boder="1 >

<tr>

<td> </td>

<td colspan=“2”> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

</table>

rowspan=“3” 纵向

<table align =“center“boder="1 >

<tr>

<td> </td>

<td rowspan=“3”> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

</table>

链接

href =“链接的url”

绝对地址、网络

相对地址 ../上一级目录

target

_blank 新的窗口

_self 原来的窗口

特殊链接

不用下载的直接 html jpg gif

必须下载 zip exe

邮件链接

空链接

name 锚点

定义的是页面的不同跳转

定义锚点

<a name="here//自定义名称"></a>中间不加内容

跳转锚点

颜色代码的表示

英文 red

十六进制 #ff0ff0

十进制 rgb（255,0,0）

字符集

ASCII码表

ANSI码就是在ASCII的基础上对本国的扩充

中文简体gb2312 6763个

中文繁体big5

gbk 2.1万汉字

UTF-8 多国的语言

meta标签

http-equiv 和name

http-equiv 模拟的是http的文件的信息当内容从服务器发送到客户端告诉如何显示

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>

网页的自动刷新

<meta http-euqiv="refresh" content="4">

<meta http-euqiv="refresh" content="4;http://www.baidu.com"/>

<meta name="keywords" content="关键字"/>

<meta name="description" content="网页的描述"/>

<meta name="autor" content="制作者"/>

转载于:https://www.cnblogs.com/szm2019/p/7140934.html