HTML——框架集+css引入

最新推荐文章于 2023-11-29 14:55:42 发布
最新推荐文章于 2023-11-29 14:55:42 发布
阅读量329 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piduocheng0577/article/details/104899139
版权

  1. 框架集

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- <body></body> -->
	
	<!-- 框架集 
	设置一下每个窗口在页面上所占的比例 否则默认显示的就是第一个框架
	
	框架显示的时候可以横向(行)排布 也可以纵向(列)排布
		* 表示的是自适应大小
	
	-->
	<!-- 横向布局 -->
	<!-- <frameset rows="40%, *">
		<!-- src 引入这个框架显示的资源 -->
		<!--<frame src="http://www.baidu.com" />
		<frame src="1.常用的标签.html" />
	</frameset> -->
	
	<!-- 纵向布局 -->
	<!-- <frameset cols="30%, *">
		<frame src="http://www.baidu.com" />
		<frame src="1.常用的标签.html" />
	</frameset> -->
	
	<!-- 既有横向排布 又有纵向排布
		先完成横向的排布
			再完成纵向的排布
	 -->
	 <!-- 属性border 设置框架边框的宽度 -->
	<frameset rows="30%, *" border="1">
		<!-- 给框架添加一个属性 noresize 限制随意改动框架大小 -->
		<frame src="http://www.baidu.com" noresize />
		<frameset cols="40%, *">
			<frame src="https://www.w3school.cn" noresize />
			<frame src="1.常用的标签.html" />
		</frameset>
	</frameset>
	
</html>

     

  2. css引入

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 外部引用
		rel 必须设置的 CSS文件的话 对应的值就是stylesheet
		href 引入的是css文件的路径
		-->
		<link rel="stylesheet" href="../css/style.css" />
		
		<!-- 内部引用 -->
		<style>
			/* CSS的内容 */
			/* 元素选择器定位标签 */
			p{
				/* 边框 */
				border: dotted 2px palevioletred;
				/* 设置文字颜色 */
				color: purple;
				/* 设置背景颜色 */
				background-color: deepskyblue;
			}
		</style>
		
		
	</head>
	<body>
		
		<!-- 行内引入设计文字颜色 -->
		
	</body>
</html>

     

Jhinhua
关注
专栏目录
HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip
06-04
在IT行业中，前端开发是构建网站用户界面的关键环节，它主要涉及HTML、CSS、JavaScript以及各种前端框架。本文将深入探讨这些技术，并基于"HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip"这个...
HTML快速入门
zy010101博客
05-26 1303
HTML快速入门 快速入门主要是掌握常用的标签 head中的标签 head中最常用的就是指定编码和设置标题这两个标签。 通常我们在head中会设置编码格式为uft-8，例如： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> 另外就是在head中指定页面在浏览器标签页显示的名称，使用title标签。例如： <!DOCTYPE html> <html&gt
html css前端框架,14个最佳的HTML/CSS设计和开发框架
weixin_32770687的博客
06-05 2440
专业的网页设计是既复杂又耗时的。它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能，还可以大大地节省时间和精力。高效的框架不仅是网站设计的基础，它提供的各种丰富多彩的功能，还提高整体的功能和性能。一个网站的外观和设计完全可以通过一些完美和可靠的工具而彻底改头换面。现在，越来越多的网页设计师和编辑人员选择使用CSS框架来创建网站。所以，如果你正在寻找一些高效的HTML和C...
HTML入门学习
qq_46556545的博客
03-23 4009
基本标签 文档声明 <!DOCTYPE html> <!--文档声明，表示这是一个HTML页面--> HTML标签 <html> </html> <!--标签对，告诉浏览器这个页面的范围--> head标签 <head> </head> <!--标签对，是网页的头部，用于定义一些特殊的内容--> body标签 标题标签 段落标签 换行标签 水平线标签 字体样式标签 常见特殊符号
HTML+CSS概述
m0_59910232的博客
12-19 894
前端入门html
html,css基本项目框架搭建
qq_52813099的博客
07-19 1000
摘要：最近学习任务有点重，写的内容质量不是很高，不过有问题还是希望可以一起讨论！！！
Web客户端开发——HTML5+CSS+JavaScript实例教程.rar
07-02
在Web开发领域，HTML5、CSS和JavaScript是构建交互式网页和应用程序的三大核心技术。本教程将深入探讨这些技术，并通过实例帮助学习者掌握它们的综合应用。 HTML5（超文本标记语言第五版）是目前最流行的网页内容...
html在线商城购物网站制作——基于HTML+CSS+JavaScript鲜花礼品电商网站
08-10
-- 引入外部CSS样式 --> <link href="css/basic.css" rel="stylesheet" type="text/css"> <link href="css/web.css" rel="stylesheet" type="text/css"> <style type="text/css"> /* 内联样式示例 */ .adv { ...
Web前端大作业——基于HTML+CSS+JavaScript仿英雄联盟LOL游戏网站
08-10
1. **响应式设计**：虽然项目已经具备了一定的响应式特性，但可以通过引入Bootstrap框架进一步优化响应式布局，使其在不同设备上都能提供优秀的用户体验。 2. **性能优化**：通过对图片等资源的压缩处理、减少HTTP...
简单的网页制作期末作业——HTML+CSS+JavaScript小礼品购物商城网站
08-10
- **技术栈**：基于原生HTML、CSS与JavaScript技术，无需额外框架支持。 #### 二、设计特点与功能 - **布局方式**：采用DIV+CSS布局，这是一种常见的网页布局方法，能够实现更加灵活的页面布局与样式控制。 - **...
CSS框架集合
11-04
包括easy1.0、elastic.2.0.3、elements_v2、Emastic - CSS Framework 0.8等15个压缩包
HTML+css框架集合
08-18
css框架，不是很好用，各位媛媛们谨慎下载
html使用
悲欢离合
04-25 806
1.html说明 1.1<!--注解 --> 注释:解释说明，对代码的说明；注释浏览器不解析 2html:超文本标签语言 浏览器解析； 弱语言：偶尔写错浏览也能解析；程序员编写的时候尽量规范； 3标签的作用：让html页面语义化 4标准的html格式 文档声明：<!doctype html> html标签：包括所有内容 head标签：文档头，包括一些关于页...
如何在HTML文件使用Vue框架呢 #VUE组件库#router#第一期
YIC020920的博客
04-23 1366
最近有个任务是做一个教务管理系统的静态网页，因为说是静态，所以不打算用Vue脚手架去做了，所以直接用HTML文件做吧。在HTML里使用Vue之前，我们在Vue里可以知道它有一个引入。，所以我们直接引入即可，But它在页面加载的时候可以会比较慢，So我们可以将它下载到我们对应的文件中。同样在body里添加一个scrpit，在里面做绑定工作，其实就跟Vue项目的三部分一样。，我们需要给它绑定上vue的，很多教程都这样做嘛，常规操作了。上面的router注入之前还需要搞点事情的嘞。，怎么搞，搞点什么呢？
前端开发HTML+CSS网页设计
最新发布
zzg394531580的博客
11-29 619
语法< dl > < dt > 名词1 </ dt > < dd > 名词1的解释-第一项 </ dd > < dd > 名词1的解释-第二项 </ dd > ...... < dt > 名词2 </ dt > < dd > 名词2的解释-第一项 </ dd > < dd > 名词2的解释-第二项 </ dd > ..... </ dl >
HTML 框架
很酷的站长的博客
01-06 2508
框架可以理解为在网页中插入了一个独立的网页窗口元素，比较常用的框架元素是 iframe，iframe 有自己独立的窗口 window 以及上下文，iframe 元素自己内部的逻辑操作可以独立，当然在同域条件下，iframe 元素的窗口可以访问父级窗口，父级窗口也可以访问 iframe 窗口。
JavaScript入门(三)
qq_461491877的博客
01-29 496
JavaScript入门(三) 哔哩哔哩链接：https://www.bilibili.com/video/BV1YW411T7GX?spm_id_from=333.999.0.0 七、代码讲解部分 01.嵌套的for循环 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascri
html&css系列学习——（一）html框架认识
qianqianyunyan的博客
07-18 300
HTML&CSS系列学习之html框架认识
在HTML网页中引入Bootstrap前端框架
热门推荐
lzssing-GG的博客
02-15 3万+
Bootstrap百度百科介绍：       Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由
理解DIV+CSS布局：从入门到实践
`DIV`的主要职责是构建页面的结构框架，而具体的样式设计则通过CSS来实现。 5.1.1 CSS的特点 CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。其...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值