html004：用框架的方法写html页面

最新推荐文章于 2024-06-06 23:10:38 发布
最新推荐文章于 2024-06-06 23:10:38 发布
阅读量2.2k 收藏 8
点赞数 3
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44699728/article/details/91128209
版权
  • 先做一个主体框架，其中把yemian作为主页面
    在这里插入图片描述
  • 按步骤做顶层的类容
    在这里插入图片描述
  • 做旁边的菜单栏
<style>
        a{
            text-decoration: none;
        }
        a:hover{
            color: red;
        }
        body{
            background-image: url("xia.jpg");
        }
        dl{
            font-size: 20px;
            font-family: 楷体;
            text-align: center;
        }
    </style>
</head>
<body>
    <dl>
        <dt>NBA：</dt>
        <dd><a href="https://china.nba.com/warriors/" target="main">勇士官网</a></dd>
        <dd><a href="https://china.nba.com/raptors/" target="main">猛龙官网</a></dd>
        <dd><a href="https://china.nba.com/rockets/" target="main">火箭官网</a></dd>
    </dl>
    <dl>
        <dt>腾讯：</dt>
        <dd><a href="https://v.qq.com/" target="main">腾讯视频</a></dd>
        <dd><a href="https://kbs.sports.qq.com/#hot" target="main">腾讯体育</a></dd>
        <dd><a href="https://www.qq.com/" target="main">腾讯官网</a></dd>
    </dl>
    <dl>
        <dt>购物：</dt>
        <dd><a href="https://www.taobao.com/" target="main">淘宝官网</a></dd>
        <dd><a href="https://www.jd.com/" target="main">京东官网</a></dd>
        <dd><a href="https://www.tmall.com/" target="main">天猫官网</a></dd>
    </dl>
</body>
  • 做主页面
    在这里插入图片描述
    打开页面。html看效果：
    在这里插入图片描述
一个码农
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Frame实现html框架搭建和窗口交互
hmcxy123的博客
10-21 2254
价绍Frame的三种标签，以及属性设置，用代码实例帮助理解，学习编写。target目标参数的设置联合框架Frame，可以实现在一个页面的固定区域轮番展示超链接的画面
在html中做框架的页面,网页中的框架（详解）
weixin_39806818的博客
06-07 4088
所谓一、制作框架页面的步骤：1.编写所有子框架页面2.编写主框架页面3.在主框架页面中设定子框架名称4.如果框架页面之间存在链接，在子框架中设定链接。注意：框架页面是不含标签的二、基本语法您的浏览器不支持框架，请考虑升级您的浏览器！定义框架的基本语法框架由一对定义有两个属性：rows和colsRows定义上下分割的框架的大小；cols定义左右分割的框架的大小；在定义大小时，rows和cols可以使...
后台管理系统，前端框架用什么最好？
裸奔的蜗 牜的博客
03-23 1477
1：vue-element-admin 推荐指数：star:55k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇...
如何创建一个简易的HTML网页框架
热门推荐
DdLlCcc的博客
05-28 1万+
背景： 在我们初步学习了web前端开发的一些知识时，我们可能会考虑构建一个简单的html网站，但是，如何着手去开始我们的网站，对于新手来说可能是个问题。 在这篇文章中，我将介绍我在构建一个简易的网页时，首先去做的事情。 当然，我本身也并非专业的前端设计师，写此文章主要为了分享我的一些学习过程中的经验，所写内容可能也会存在思想局限以及纰漏，也希望大家批评指出。` 第一步：画出草图 在开始我们的编程之前，我觉得更关键的是设计出我们的网页效果，即使是最简单的框架图，也能够降低我们在编写代码过程中的难度。 首先，
HTML开发的最主要的三种框架及Python实现
最新发布
qq_53529450的博客
06-06 664
HTML开发的最主要的三种框架:Bootstrap、Foundation、Bulma及Python实现
想知道HTML语法结构？看这一篇就够了（超全解析html语法）
海盗船长y的博客
05-24 3106
NTML文档结构 HTML文档由4个主要标记组成，包括<html>、<head>、<title>、<body>.这4个标记构成了HTML页面最基本的元素。 1.<html>标记 <html>标记是HTML文件的开头。 所有的HTML文件都以标记开头，以标记结束，即HTML页面的所有标记都要放置在与标记中。 标记虽然没有实质性的功能，但却是HTML必不可少的部分。 2.<head>标记 <head>标记是
html页面嵌套使用示例(frameset使用方法)
09-28
当在框架中链接其他页面时，可以使用`target`属性指定在哪个框架中打开链接。例如： ```html <a href="HTML中框架的嵌套right1.html" target="right1">青花瓷 ``` 这里的`target="right1"`表示链接将在名为`...
js刷新框架子页面的七种方法代码
12-09
这些方法适用于具有框架结构的HTML页面，如`framedemo.html`，它包含两个子页面`top.html`和`button.html`。 首先，我们回顾`framedemo.html`的HTML结构，它使用`<frameset>`定义了两个等分的框架，分别加载`top....
pyMarkupL:使用此python框架简化HTML页面的生成
05-23
（Python标记语言）使用此python框架简化HTML页面的生成。 创建HTML页面可能会非常重复，通常必须复制并粘贴多行代码才能修改最少的内容，例如说明。 pyMarkupL大大加快了此过程，使创建带有参数和/或完全可定制...
移动端自适应flexible.js的使用方法(不用三大框架，仅写一个单html页面使用）推荐
01-19
下载 flexible.js，代码如下，可以复制过去用 ;(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[name=viewport]') var flexibleEl = doc...
网页学习——创建HTML框架（frameset、frame、iframe）
m0_53156691的博客
05-09 1万+
框架标签是一种与网页布局密切相关的标签，通过使用框架，可以在同一个浏览器窗口显示多个页面。 1、框架集标签 < frameset > 1️⃣水平/垂直分割窗口属性rows、cols属性 < frameset >元素中的cols、row属性，用于将页面划分。 cols 属性定义框架集中的列数目和尺寸 rows 属性定义框架集中的行数目和尺寸
非常经典的后台管理系统框架（HTML、JS源码）
11-24
非常经典的后台管理系统框架（HTML、JS源码） 非常经典的后台管理系统框架（HTML、JS源码） 非常经典的后台管理系统框架（HTML、JS源码） 非常经典的后台管理系统框架（HTML、JS源码）
一个简单实用的网页框架
09-07
这个是一个非常简单的框架，实现收缩，大家可以下来看看！
html个人博客静态网页制作
06-19
这是一个静态的博客，不过很好，供大家分享
一个简单的网页框架 frame
08-02
一个简单的网页框架,用于学习Frame 源码如下： <html> <head> <script language='javascript'> if(window.opener==null) { window.opener=null; window.close(); window.open('index.html','','toolbar=no,menubar=no,location=no,status=no,width=' + screen.width + ',height=' + screen.height + ',left=0,top=0'); } </script> <meta name= "robots " content= "noindex "> <meta content= "text/html;charset=gb2312 " http-equiv= "content-type "> <title> Welcome To RptSystem </title> </head> <frameset name="fsthead" rows="91,*,35", frameborder="0" framespacing="0" bordercolor="#3366cc"> <noframes > 请使用支持 frame 的浏览器或者访问 <a href= "/Tree/SiteMap.htm " target= "_blank "> CSDN 社区地图 </a> </noframes> <frame name= "headframe" marginheight= "0 " src= "http://communitysss.csdnss.netss" scrolling="NO" /> <frameset name= "bodyframe" cols= "260,* " framespacing= "0 " frameborder= "0 " > <frame name= " " src= "/logo/logo.aspx " marginheight= "0 " /> <frame name= " " src= "/Tree/tree.htm " marginheight= "0 " /> </frameset> <frame name= "footframe" marginheight= "0" src="foot2.html" scrolling="NO" noresize> </frame> </frameset> </html>
【HTML】使用HTML创建框架
~★sunshine☆的博客专栏
03-12 2239
竖直分割窗口 > ....
HTML框架构建
qq_44598397的博客
03-09 2591
HTML框架构建 1、划分框架 A、使用标签决定如何划分框架.必须要有标签设定每个小窗口的网页，该标签中有src属性为每个URL值指定一个HTML文件（这个文件必须事先做好） B、标签常用的属性 属性 描述 cols 用“像素数”或“%”分个左右窗口，“*”表示剩余部分 rows 用“像素数”或“%”分割上下窗口，“*”表示剩余部分 frameborder 指定是否显示边框...
html新建框架网页,html怎么做网页框架
weixin_33365244的博客
06-04 2175
html网页上 在iframe 框架做一个图片切换的效果如何在里面加切换的效果 还有自动切换的效果？主页： Testing function changeImage(someImagUrl){ ifimage = ifpage.document.getElementById('ifimage'); ifimage.src = someImagUrl; } otherpage.html: Other...
Html中框架的使用
步步拾遗
09-26 5313
1.框架页面 几个重要的概念：框架集和框架。 我们先了解一下上面的概念。 框架集是若干框架的集合，利用框架集可以定义框架结构，实现分割浏览器窗口的功能。 框架集用来表示 框架：每个框架就是一个区域，所有的框架组合成了框架集 框架用来表示 了解了基本概念之后，有几点是我们需要知道和注意的 a.标记可以嵌套使用。 b.frameset的cols和rows属性： co
HTML内嵌框架实例：隐藏页面设计揭秘
3. **高级特性**：如框架、层和CSS（Cascading Style Sheets，层叠样式表）的使用，这些可以帮助创建更复杂和交互式的页面布局。 4. **网页编写方法**：手工编写（如记事本）和使用可视化编辑器（如Frontpage、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值