index.html

<html>

    <head>

        <title>html框架</title>

        <meta charset="utf-8">

    </head>

    <frameset rows="90,*,90" noresize="noresize" frameborder="1" border="1">

        <frame name="top" src="top.html"/>

            <frameset cols="20%,80%">

                <frame name="left" src="left.html"/>

                <frame name="right" src="right.html"/>

            </frameset>

        <frame name="bottom" src="bottom.html"/>

    </frameset>

</html>

top.html

<html>

    <head>

        <title>网页的顶部</title>

        <meta charset="utf-8">

    </head>

    <body bgcolor="grey">

        <center><h1>网页的顶部</h1></center>

    </body>

</html>

bottom.html

<html>

    <head>

        <title>网页的底部</title>

        <meta charset="utf-8">

    </head>

    <body bgcolor="grey">

        <center><h1>网页的顶部</h1></center>

    </body>

</html>

left.html

<html>

    <head>

        <title>网页的左部分</title>

    </head>

    <body>

        <ul>

            <li><a href="demo.html" target="_blank">首页</a></li>

            <br/>

            <li><a href="demo.html" target="_blank">新闻</a></li>

            <br/>

            <li><a href="demo.html" target="_blank">资讯</a></li>

            <br/>

            <li><a href="demo.html" target="_blank">图片</a></li>

            <br/>

            <li><a href="demo.html" target="_blank">联系我们</a></li>

        </ul>

    </body>

</html>

right.html

<html>

    <head>

        <title>网页的右部分</title>

        <meta charset="utf-8">

    </head>

    <body>

        <table cellpadding="5">

            <tr>

                <td>

                    <img src="hhhhhhhhhhhhh.jpg" width="160" height="240">

                </td>

                <td>

                    <p>

                    第一次站上《歌手》舞台的袁娅维，没有唱自己的歌，而是选择了这首《阿楚姑娘》。一张一弛，轻松自如，仿佛把我们每个人拉回宁静的小村庄，看那炊烟袅袅，寄托着那道说不清道不明的忧伤。袁娅维之前在舞台上给人的印象，多是有点异域色彩的，长相打扮都很欧美范，甚至是唱歌的风格也是。可你如果了解她的成长经历，你就知道，其实她就是歌里面唱的那位阿楚姑娘，她不主流，她一直在远方，也一直坚强、一直倔强，心怀热爱和信仰，去追逐自己的时代和荣光。那夜的月光仍在天空发亮今夜它却格外得让人心伤袁娅维是一位从湖南怀柔的一个小县城走出来的“小镇姑娘”，她说小时候的自己特别害羞胆小。16岁的时候，她进入了湖南的一所艺校学习表演，开始了自己的音乐道路。后来她像很多有梦想的年轻人一样，来到了北京。袁娅维自己是这样说的，“当时我也不敢往前走，一个人害羞地躲住酒吧最黑的那个角落，看到那个歌手，拿着在酒吧里来回游荡，仿佛楼上和楼下的界限都不存在了，那是我第一次意识到音乐还

                    </p>

                </td>

            </tr>

        </table>

    </body>

</html>

html框架练习-基本网页制作的更多相关文章

  1. 《SEO在网页制作中的应用》视频笔记

    学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个 ...

  2. seo在前端网页制作的应用

    学习了慕客网上的“SEO在网页制作中的应用‘’,下面来进行小小的学习总结,顺便梳理下知识.所谓学而不思则罔思而不学则殆.下面开始正文. 一.搜索引擎的工作原理 搜索引擎的基本工作原理包括如下三个过程: ...

  3. IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

    学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同 ...

  4. #3使用html+css+js制作网页 制作登录网页

    #3使用html+css+js制作网页 制作登录网页 本系列链接 2制作登录网页 2.1 准备 2.1.1 创建文件夹 2.1.2 创建主文件 2.2 html部分 2.2.1 网站信息 2.2.2 ...

  5. HTML5 网页制作技巧

    本文总结自由人民邮电出版社出版的<HTML.CSS.Javascript网页制作>. 总结进行学习,并分享给同样编写HTML5的朋友. 1:背景音乐的添加 <embed src=&q ...

  6. 转载：手机网页制作的认识（有关meta标签）

    下面是手机网页的一些认识: 一.<meta name="viewport" id="viewport" content="width=devic ...

  7. 学习网页制作中如何在正确选取和使用 CSS 单位

    在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...

  8. （旧）子数涵数·DW——网页制作的流程

    PS:这是我很早以前的一个废掉的项目. 当时用的还是table排版,现在基本都是div了吧. 这个项目前段时间,我还抢救过一次,后来还是放弃了. 先行.网页制作的流程分为哪些呢? 一.网站策划(当时, ...

  9. 离线网页制作器（beta1.0）

    package hhuarongdao; /* *使用方法: 先选择保存路径,然后输入相应的网址, *然后会得到那个网页的离线版的 内容 * */ import java.awt.BorderLayo ...

随机推荐

  1. shell 文本操作命令

    vi 编辑器中有三种状态模式  [vi 文件名(或路径+文件名)] 1.命令模式 2.输入模式 3.末行模式 三种模式间的相互转换 vi编辑器的启动与退出 直接进入编辑环境 $ vi 进入编辑环境并打 ...

  2. 大数运算的算法设计和C++实现

    1.背景 工作中遇到过需要进行极大数据的存储和运算的场景,当时使用Python解决了这个问题,在Python中,整数没有位数限制,使用起来很方便.但是当程序主体使用C/C++实现时,就比较麻烦.所以考 ...

  3. 吐槽net下没有靠谱的FastDFS的sdk之使用thrift实现JAVA和C#互通

    事情是这样的,在一个新项目中引入了fastdfs,用这玩意做一些小数据的存储还是很方便的,然后在nuget上就找一个对接FastDFS的sdk,如下图: 一眼就看到了这个top1的sdk,应该会比较靠 ...

  4. webpack.config.js文件的高级配置

    一.多个入口文件之前我们配置的都是 一个入口 var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.Co ...

  5. linux --> VIM的列编辑操作

    VIM的列编辑操作   一.删除列 1.光标定位到要操作的地方. 2.CTRL+v 进入“可视 块”模式,选取这一列操作多少行. 3.d 删除.   二.插入列 插入操作的话知识稍有区别.例如在每一行 ...

  6. 《统计学习方法》P89页IIS的中间步骤Zw+δ(X)/Zw(X)的推导

    共有两个方法:

  7. C++ STL常用容器基本用法汇总

    1.vector 包含头文件#include<vector> 使用命名域using namespace std 定义元素类型为T的vector vector<T> vec 增: ...

  8. 敏捷冲刺每日报告二（Java-Team）

    第二天报告(10.26  周四) 团队:Java-Team 成员: 章辉宇(284) 吴政楠(286) 陈阳(PM:288) 韩华颂(142) 胡志权(143) github地址:https://gi ...

  9. 1013团队Beta冲刺day4

    项目进展 李明皇 今天解决的进度 因服务器端未完成登录态维护,故无法进行前后端联动. 明天安排 前后端联动调试 林翔 今天解决的进度 因上课和实验室事务未完成登录态维护 明天安排 完成登录态维护 孙敏 ...

  10. 项目Beta冲刺预热

    Beta准备 1. 讨论组长是否重选的议题和结论. 经过讨论,我们认为,经过一段时间的磨合,现任组长是不需要更换的. 2. 下一阶段需要改进完善的功能. 增加关于征信的功能,贴近选题主题 美化界面,尽 ...