主要知识点:图像 链接 表格
今天是学习HTM的第六天,但是今天要记录的知识点是两天前的,因为偷了一下懒,所以欠下了好几天的债。
一,图像:
图像的格式包括:JPG png gif
图像元素(标签):<img>
语法:<img src="图像地址"> src:是指图像的来源,img标签不是闭合标签
示例如下
1,背景图像<body background="/123.jpg">gif 和jip文件均可以作用于HTML背景,如果图像小于页面,图像会进行重复
2,排列图片:未设置对其方式的图像<img src="../123.j[g">
设置对其方式为bottom的图像<img src="../123.jpg" align="bottom">
设置对其方式为middle图像<img src="../123.jpg" align="middle">
设置对其方式为top图像<img src="123.jpg" align="top">
图像的属相align相关的值还有center right left 。还可以设置图像的宽weight 高hight,对于weight和hight的属性值可以放大或缩小图像的值。
3,将图像作为连接来使用:<a href="链接地址"><img border=0 src="123.jpg"></a>
二,链接:
链接有很多种形式,可以链接文字,图像 ,浏览器地址,邮箱,另一个HTML文件, 锚点等多种形式,
链接文字:<a href="地址">文字</a>
链接图像:<a href="图像地址+文件名"></a>
锚点:<a name="锚点名称">
在链接时,要找对绝对地址和相对地址(从里往外找时 ../,从外往里找时 文件名/运行文件)
三,表格
1,表格元素
table :创建表格
caption:表头
tr :创建表格的行开始
td:创建表格的列开始
2,写作方式一:
<table>
<capition></caption>
<tr>
<td></td>
</tr>
写法二:
<table>
<caption></caption>
<thead></theaf>
<tbody></tbody>
<tfoot></tfoot>
<table>
3,表格属性 caption
1,style:(可以设置 字体颜色,字体大小,), 2,align(设置对其方式)
table属性
1,border:设置边框 2,align(设置对其方式 center right left) 3,style(可以设置 字体颜色,字体大小) 4,cellpadding(单元格内容与边框之间的空白) 5,cellspacing(增加单元格之间的距离 ) 6,gbcolor(表格背景颜色),
4,表格相关复杂操作
colspan:列合并
rowspan:行合并
valign: 内容迟滞排列方式(middle居中 bottom下对齐 top上对齐 baseline与基线对齐)
align:(center right left)
接下来看一个示例:
![](https://img.haomeiwen.com/i2495424/b979b4417c7adffc.png)
代码:
![](https://img.haomeiwen.com/i2495424/4ef21ce7ddf8728a.png)
![](https://img.haomeiwen.com/i2495424/6b150320dad683ff.png)
网友评论