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. docker进阶-利用dcoker Swarm搭建简单集群

    什么是Swarm   在介绍Swarm之前我们要说一下什么Docker三剑客? Docker-Machine:负责在多种平台上快速安装 Docker 环境. Docker-Compose:Docker ...

  2. 浅析Python3中的bytes和str类型

    Python 3最重要的新特性之一是对字符串和二进制数据流做了明确的区分.文本总是Unicode,由str类型表示,二进制数据则由bytes类型表示.Python 3不会以任意隐式的方式混用str和b ...

  3. TensorFlow拟合线性函数

    TensorFlow拟合线性函数 简单的TensorFlow图构造 以单个神经元为例 x_data数据为20个随机 [0, 1) 的32位浮点数按照 shape=[20] 组成的张量 y_data为 ...

  4. CSS服务器字体

    1,首先要下载ttf文件 推荐下载网站:  https://www.dafont.com/ 2,写css样式 3,服务器字体 font-family:自己随便取个名字就行 注意url里的ttf文件和f ...

  5. 201621123062《java程序设计》第九周作业总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 思维导图1:(对集合部分做了一些改动和细化) 思维导图2:(泛型) 1.2 选做:收集你认为有用的代码片段 代 ...

  6. 如何减小ios安装包大小

    以前的老文章了,搬到cnblog 更小的安装包意味着更快的下载安装速度,也往往意味着更快的加载运行速度,是优化ios应用的一个重要方面,本文主要参考<减小iOS应用程序的大小>,在实际测试 ...

  7. nyoj VF

    VF 时间限制:1000 ms  |  内存限制:65535 KB 难度:2   描述 Vasya is the beginning mathematician. He decided to make ...

  8. Entity Framework Core Code First

    参考地址:https://docs.microsoft.com/zh-cn/ef/core/get-started/aspnetcore/new-db

  9. jQuery 文档操作之prepend() 和prependTo()方法.

    //prepend() $("#btnpre").click(function(){ //该方法在被选元素的开头(仍位于内部)插入指定内容. $("div"). ...

  10. FTP传输文件被破坏的问题（Linux、Busybox）

    在网络设备上抓包后,通过FTP传输到本机,发现抓包文件破坏.更换tftp后文件正常,定位问题在FTP上. FTP的传输模式有两种:①ASCII  ②二进制 ①ASCII: 以ASCII编码的方式传输文 ...