传智播客学习笔记03

最新推荐文章于 2021-03-22 00:43:23 发布

zhangyu1205

最新推荐文章于 2021-03-22 00:43:23 发布

阅读量1.1k

点赞数

文章标签： table html css iframe border 生活

本文链接：https://blog.csdn.net/zhangyu1205/article/details/7063343

版权

这几天学习比较忙，所以没怎么写笔记。今天抽空把这两天学习的东西总结一下！

这几天学习的还是html，不过我们不再仅仅局限于对基本标签的掌握，而是开始了一些新的内容，比如css，js等新的技术。

下面是我仿照传智播客的官网中的一张页面写出的html代码，主要使用table标签来进行整体布局，使用了css将整个网页设置成全屏，同时也用到了内嵌网页的技术，也就是iframe标签，这个标签的目的是将别的网站的内容嵌入到当前网页，而且还可以给内嵌网页设置宽高，甚至设置边框。下面是我的部分代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
    <title>仿传智</title>
    <meta name="keywords" content="仿传智传智">
    <meta name="description" content="加油">
     <meta http-equiv="content-type" content="text/html;charset=utf-8">
<!--这里使用到了css，将网页设置成全屏-->
     <style>
        table,hr{
        margin:0px;
        padding:0px;
        }        
    </style>
</head>
<body><!--这是一行七列的表格-->

    <table width="1100" align="right" height="100" bgcolor="#F3F4F4">
        <tr>
            <td><a href="http://www.itcast.cn/"><img src="01.jpg" /></a></td>
            <td><a href="http://www.itcast.cn/"><img src="02.jpg" /></a></td>
            <td><a href="http://www.itcast.cn/"><img src="03.jpg" /></a></td>
            <td align="center" valign="bottom" width="330"><a href="http://www.itcast.cn/"><font size="5"><strong><em><font color="blue">我们正在</font></a>行动...</em><strong></font></td>
            <td width="70" valign="top"><img src="04.jpg" /><font size="2">设置首页</font></td>
            <td  width="70" valign="top"><img src="05.jpg" /><font size="2">加入收藏</font></td>
            <td align="right" valign="top"><img src="06.jpg" /></td>
        </tr>
     </table>

    
<br /><br /><br />
<!--这是一行11列的表格-->  
  <table width="1100" border="1" align="center" height="25" bgcolor="red" cellspacing="0">
        <tr align="center">
            <td><a href="http://www.itcast.cn/">首页</a></td>
            <td><a href="http://www.itcast.cn/">java课程</a></td>
            <td><a href="http://www.itcast.cn/">php课程</a></td>
            <td>.net课程</td>
            <td>师资力量</td>
            <td>原创教材</td>
            <td>视频下载</td>
            <td>报名流程</td>
            <td>学习生活</td>
            <td>联系我们</td>
            <td>论坛</td>
        </tr>
    </table>
   
    <hr width="1150" size="5"  color="blue"/>
    <hr width="1150" size="5"  color="#BED3E6"/><br />
    <table width="950" align="center"><tr align="center"><img src="07.jpg" align="middle" /></tr></table>
    <p align="center">友情提示：传智播客超强师资php培训优惠价只需3800元（如何才能享受优惠价）<br /><strong><font color="blue">查看历届讲座及视频下载 </font></strong></p>
    <table width="950" align="center">
    <tr align="left"><img src="08.jpg" align="middle" /></tr><br />
    <tr>   1、报名请加ＱＱ群　111048815 点击这里加入此群（请输入验证信息：“报名参加传智播客网络课堂”）或者收听传智播客公开课微博：t.qq.com/itcast_cn，远程教学为保证秩序，避免资源浪费，报名人员须注明真实姓名。(开课前1小时可以点击进入课堂和张老师交流沟通)

传智播客 立即收听</tr><br />
    <tr>   2、<font color="red">课程未开始之前听课环境安装：</font>选择需要加入的课程-->根据提示安装客户端（安装完成后不用运行和设置）-->刷新页面即可。
    </tr><br />
    <tr><iframe src="http://itcast.diyihui.com/tc/?frame=1" width="900" height="450" frameborder="1" scrolling="yes" name="内嵌网页"></iframe>
</tr>

    </table>
</body>