html第二日

1.链接    

    <a href="./success.html" target="_blank">我是链接</a>

    a:表示一个链接,href表示要链接到的目的地,支持相对路径和绝对路径,链接样式为蓝色字体,自带下划线

    target:默认为_self,目标页取代本页面,如果设置为_blank,则两个页面共存;

2.视图

<img src="../assets/etoak.jpg" alt="引入失败" title="庚子年就要结束了..." width="60%" >

    img:引入一张图片到本页展示,src设置图片源头,sourcede的缩写,alt如果引入失败,则展示的文本

    width:设置宽度 不推荐已经被css取代

    height:设置高度 不推荐已经被css取代                       

                默认的单位是px像素，可以不写

                宽高可以设置为具体的像素数，也可以设置为百分比

            注意如果设置百分比，则是其占据父元素的百分比

3.列表

    列表:ul 无序列表  ;  ol 有序列表

4.表格

   table:表示表格的开始  ;  tr表示一行  ; td表示表示一列 三元素缺一不可

   caption:表示表格的标题,可不写

   thead:表示表头,一般首行为表头

   th:和td的效果一样,内部的文本自动居中对齐,并且加粗

   border:设置边框的粗细,默认为0,无边框

   cellspacing:设置表格边框与单元格边框的距离

   bgcolor:设置背景色

   align:水平对齐 left,right,center

   valign:垂直对齐

   单元格是可以进行嵌套的，

   但是注意被嵌套的单元格必须放置在td中

   bordercolor:设置边框颜色

center:已淘汰，html5中不再推荐使用，放置在

        此标签内的超文本全部会被强制居中对齐

 <!-- 

 iframe:引入一个外部页面到本页面，使之成为一个页面

必须设置宽和高，否则iframe并不会占满父元素

frameborder="0" iframe的边框默认0无边框

<li><a href="demo1.html" target="etoak">链接1</a></li>

         <td width="650px" height="100%">                   

                    <iframe src="./main.html" 

                    frameborder="0" width="100%" height="100%"

                    name="etoak"></iframe>

             </td>