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. Mac HomeBrew 常用命令

    mac 系统常用的软件安装工具就是 homebrew, 其最常用的命令如下: 安装(需要 Ruby):ruby -e "$(curl -fsSL https://raw.github.com ...

  2. Redis set集合结构及命令详解

    set 无序集合 集合的性质: 唯一性,无序性,确定性 注: 在string和link的命令中,可以通过range 来访问string中的某几个字符或某几个元素 但,因为集合的无序性,无法通过下标或范 ...

  3. 数据库 --> MySQL存储引擎介绍

    MySQL存储引擎介绍 MyISAM是MySQL的默认数据库引擎(5.5版之前),由早期的ISAM(Indexed Sequential Access Method:有索引的顺序访问方法)所改良.虽然 ...

  4. c++ --> 变量、常量与运算符

    变量.常量与运算符   一.什么是变量?    在计算机的内存中, 内存被划分为一个一个的内存单元, 每个内存单元有自己的编号, 而变量就是对某一段连续内存单元使用一些更容易记忆.更容易区分的字符组合 ...

  5. java排序算法（四）：冒泡排序

    java排序算法(四):冒泡排序 冒泡排序是计算机的一种排序方法,它的时间复杂度是o(n^2),虽然不及堆排序.快速排序o(nlogn,底数为2).但是有两个优点 1.编程复杂度很低.很容易写出代码 ...

  6. [poj1094]Sorting It All Out_拓扑排序

    Sorting It All Out poj-1094 题目大意:给出一些字符串之间的大小关系,问能否得到一个唯一的字符串序列,满足权值随下标递增. 注释:最多26个字母,均为大写. 想法:显然,很容 ...

  7. java基础笔记（2）----流程控制

    java流程控制结构包括顺序结构,分支结构,循环结构. 顺序结构: 程序从上到下依次执行,中间没有任何判断和跳转. 代码如下: package com.lvsling.test; public cla ...

  8. 去除input的自动填充色

    input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }

  9. 听翁恺老师mooc笔记（12）--结构中的结构

    结构数组: 和C语言中的int,double一样,一旦我们做出一个结构类型,就可以定义这个结构类型的变量,也可以定义这个结构类型的数组.比如下面这个例子: struct date dates[100] ...

  10. BAT齐聚阿里安全-ASRC生态大会：呼吁联合共建网络安全白色产业链

    图说:近日,阿里安全-ASRC生态大会在杭州举行,包括BAT在内的20余家国内知名互联网企业代表,回顾过去一年网络安全面临的问题与挑战,共谋生态安全治理思路. "123456.111111. ...