HTML_02_基本表格与meta知识
【摘要】
图片标签（单标签 行内标签）
<img />
图片属性 src=“ 图片地址”
<img src="image/ a.jpg" width="500" height="155" boder="4" alt= "解释" hspace="与内容的左右距离" vspace...
图片标签（单标签 行内标签）
<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>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<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>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
rowspan=“3” 纵向
<table align =“center“boder="1 >
<tr>
<td> </td>
<td> </td>
<td rowspan=“3”> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
链接
<a>内容</a>
href =“链接的url”
绝对地址 、网络
相对地址 ../上一级目录
target
_blank 新的窗口
_self 原来的窗口
特殊链接
不用下载的直接 html jpg gif
必须下载 zip exe
邮件链接
<a href ="mailto:abc@qq.com">
空链接
#
<a href="javascript:window.close()">
name 锚点
定义的是页面的不同跳转
定义锚点
<a name="here//自定义名称"></a>中间不加内容
跳转锚点
<a href="#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="制作者"/>
文章来源: hiszm.blog.csdn.net，作者：孙中明，版权归原作者所有，如需转载，请联系作者。
原文链接：hiszm.blog.csdn.net/article/details/52895217
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）