zoukankan      html  css  js  c++  java
  • HTML学习_01

    html总结
    html是一门标记语言,也就是不经过编译就能直接执行的语言,不像是c/c++/java等等须要转换成二进制码,
    html是一门最主要的学科,提供了一个框架,提供了各种标签和规则,使得语言学起来非常easy,html'使用最
    多的应该是超链接,这也就构成了各种网页之间的交流。
    超链接使用的是:
    <a></a>标签
    <a href="l链接地址"></a>    eg:<a href="www.baidu.com"></a>
    <a href="本地网页"></a>     eg:<a href="01.html"></a>
    邮箱的超链接和其它的不太一样
    <a mailto="邮箱地址"></a>   eg:<a mailto="1067386247@qq.com"></a>
    超链接再打开新窗体的时候还有几种模式:
    eg:<a href="www.baidu.com" target="_blank"></a>
         <a href="www.baidu.com" target="_self"></a>
         当中_blank是在一个新窗体中打开的,而self是替换当前的窗体。
      表格:
      <table>
      <tr>
      <td></td>
      </tr>
      </table>
      <table>是表格的一个标签,tr便是一行,td是一行中的一个小元素。
      特别注意这里非常easy搞乱,就是几行几列,我特别easy搞乱,可能是智商着急。。。
      还有两个特别重要的标签:
      colspan 表示一行合并,就像excel中的合并单元格中合并一行中某几个单元格
      rowspan表示一列合并,就像excel中的合并单元格中合并一列中某几个单元格
      语法:
      colspan=2就好,在这同一时候应该把本行的一个td删除一个,不然就多出一个单元格
      rowspan=2时,应删除下一行的一个单元格
      在建立表格的时候,应该先计算好表格的宽和高
      表格中的几个标签:
      coellspacing是表示表格单元之间的间距
      表格基本上就这么多东西,以下是一个课程表:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head>
    <title>新建网页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="布尔教育 xhtml 12小时新手教程" />
    </head>
        <body>
        <table width="600px" height="500px" border="1px" cellspacing="0px" align=center>


        <tr align=center>
        <td height="30px" colspan=2></td>
        <td>星期一</td>
        <td>星期二</td>
        <td>星期三</td>
        <td>星期四</td>
        <td>星期五</td>
       
        </tr>
        <tr height="100px" align=center>
        <td height="200" rowspan=2>上午</td>
        <td width="30px">一</td>
        <td>大学英语</td>
        <td>硬件组装与维修</td>
        <td>大学英语</td>
        <td>高等数学</td>
        <td>线性代数</td>
        </tr>
        <tr align=center>
        <td width="30px">二</td>
        <td>大学体育</td>
        <td></td>
        <td>计算机组装与维护</td>
        <td></td>
        <td>马克思原理</td>
       
        </tr>
        <tr height="100px" align=center>
        <td height="200" rowspan=2>下午</td>
        <td width="30px">三</td>
        <td>线性代数</td>
        <td>高等数学</td>
        <td></td>
        <td>大学英语</td>
        <td></td>
        </tr>
        <tr align=center>
        <td width="30px">四</td>
        <td></td>
        <td></td>
        <td>家电维修</td>
        <td></td>
        <td></td>
       
        </tr>
        <tr align=center>
        <td colspan=2>晚上</td>
        <td></td>
        <td></td>
        <td>摄影</td>
        <td></td>
        <td></td>
       
        </tr>
        </table>
        </body>
    </html>
    ***********************************************************************************
    框架:
    <frameset>
    </frameset>
    使用这个标签就是把一个页面切割成非常多页面,这个布局能够自己设定,
    感觉和表格切割有点类似,比方cols和rows,非常相似的。
    比方有三个网页:top.html,left.html,right.html要集成在一个网页all.html中
    能够这么设定:
    <frameset  cols="20%,*">或者是<frameset  cols="20%,80%">
    <frame src="top.html"> </frame>
    <frameset  rows="50%,*">或者是<frameset  rows="50%,50%">
    <frame src="left.html"></frame>
    <frame src="right.html"></frame>
    </frameset>
    </frameset>
    就表示将all.html分成三个框架,当中上边的占了20%,左边的占了剩下80%的50%,右边是剩余的。


    还有就是列表:
    列表又分为无序列表和有序列表,无序列表更加经常使用。他们仅仅是标签不一样,其它的用法都是一样的。
    无序列表:
    <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    有序列表:
    <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ol>
    列表能够设置type:
    <ul type="desc">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    表示无序列表前面的序号是一个实心方块,还有非常多类型,详见帮助文档。
  • 相关阅读:
    [转]理解java的三大特性之多态
    [转]java:IO流学习小结
    Base64 加密之中文乱码
    piwik优化之定时任务生成统计数据
    php统计中英文混合的文章字数
    Linux常用命令之定时任务
    skype在线状态代码详解
    php+google/baidu翻译接口
    php限制文件下载速度的代码
    PHP破解wifi密码(wifi万能钥匙的接口)
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3990927.html
Copyright © 2011-2022 走看看