HTML5

主要知识点:图像   链接  表格

        今天是学习HTM的第六天,但是今天要记录的知识点是两天前的,因为偷了一下懒,所以欠下了好几天的债。

一,图像:

     图像的格式包括:JPG  png gif

     图像元素(标签):

     语法:  src:是指图像的来源,img标签不是闭合标签

示例如下

1,背景图像gif 和jip文件均可以作用于HTML背景,如果图像小于页面,图像会进行重复

2,排列图片:未设置对其方式的图像

                  设置对其方式为bottom的图像

                  设置对其方式为middle图像

                  设置对其方式为top图像

图像的属相align相关的值还有center  right left 。还可以设置图像的宽weight  高hight,对于weight和hight的属性值可以放大或缩小图像的值。

3,将图像作为连接来使用:


二,链接:

链接有很多种形式,可以链接文字,图像 ,浏览器地址,邮箱,另一个HTML文件, 锚点等多种形式,

链接文字:文字

链接图像:

锚点:

在链接时,要找对绝对地址和相对地址(从里往外找时  ../,从外往里找时   文件名/运行文件)

三,表格

1,表格元素

table :创建表格

caption:表头

tr :创建表格的行开始

td:创建表格的列开始

2,写作方式一:

   

     

写法二:

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)


接下来看一个示例:



HTML5_第1张图片

代码:


HTML5_第2张图片
HTML5_第3张图片

你可能感兴趣的:(HTML5)