HTML5

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

        今天是学习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)


接下来看一个示例:



代码:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,120评论 22 225
  • 一. CSS 代码缩写,占用更少的带宽 盒模型代码简写:再说盒模型时外边框(margin),内边框(padding...
    A_sura阅读 635评论 0 6
  • CSS可以分为4部分 1. CSS样式 1. 文字属性 格式:非连写---> font-family:设置文字的字...
    白的吓人阅读 721评论 0 0
  • 在CSS属性中,字体和大小,子元素可以继承父元素,但颜色不能 CSS核心属性 一.CSS属性组成和作用 1.每个c...
    迷茫o阅读 320评论 0 0
  • 高尔基曾经说过:“书籍是人类进步的阶梯。”书能带给我们许多重要的好处。 书,是我们智慧的源泉。假如你不读书,你的精...
    AnnyQiu阅读 24,572评论 0 3