极客学院----H5的相关笔记----H5基础（3）

一.HTML样式

1.标签：style：样式定义

               link：资源引用

2.属性：rel="stylesheet"有多个可选项，“stylesheet”只是其一，它表示外部样式表

               type="text/css" 引入文档的类型

               margin-left或者margin-right：边距

3.三种样式表插入方法(通常写到head里)

（1）外部样式表：

         <link rel="stylesheet" type="text/css"[指定为css样式] href="css样式的文档的名称.css">

（2）内部样式表：(body中含有p标签，若要改变p标签的内容)

         <style type="text/css" >

        p{color:red}

        。。。。

         </style>

（3）内联样式表：

         <p style="color:red"></p>

二.HTML链接

1.链接数据：文本链接

                      图片链接<a href="www.baidu.com"><img src="图片名字"></a>

2.属性：

   href：指向另一个文档的链接

   name：创建文档内的链接   <a name="任意名称eg.tips">hello</a>  

                点击当前页面的某个地方想要跳到hello时，可用<a href="#tips">点击跳到hello</a>,即可

                eg.百度百科的解释就是这么用的

3.img标签属性：

   alt：替换文本属性  当图片显示不出来时，可以用此属性标记该图片的内容，eg.alt="html5logo"

   width：宽   height：高 eg.height="100px"

三.HTML表格

1.表格常用的标签

table-----------定义表格 border="1"，则表格就有线，否则无线 border的大小决定了表格的外边框的粗细

                                       cellpadding="10"，定义单元格的边距，即距离单元格的四边的距离

                                       cellspacing="10"，定义单元格之间的间距

                                       bgcolor：背景颜色  backgroud：背景图片

caption--------定义表格标题 不需放到tr中

th---------------定义表格的表头 书写与td类似，只是有着重的效果

tr---------------定义表格的行

td---------------定义表格的单元  内容可以是单纯的文字，也可是个列表ul，其中的每一列用li来表示

thead----------定义表格的页眉

tbody----------定义表格的主体

tfoot-----------定义表格的页脚

col-------------定义表格的列属性