HTML框架<frame>详解与应用

需积分: 17 14 下载量 123 浏览量 更新于2024-08-14 收藏 3.69MB PPT 举报
该资源是一份关于HTML的精品课件,重点讲解了框架(frame)在HTML中的使用,以及HTML、CSS和JavaScript的基础知识。课程旨在帮助学习者掌握HTML的基本标记、样式表设置和JavaScript基础,进而能设计并实现简单的静态个人网站。 详细内容: 在HTML中,框架(frame)是一个非常实用的功能,它允许网页被分割成多个独立的区域,每个区域可以显示不同的内容,例如标题、导航菜单和主体内容。通过使用`<frameset>`标签来定义这些区域,然后用`<frame>`标签指定每个区域内要加载的页面。这种布局方式在早期的网页设计中常见,可以实现页面元素的独立更新和滚动。 `<frameset>`标签是框架结构的容器,通常包括`rows`或`cols`属性,用来指定框架的行数或列数以及每行或每列的大小。例如,`<frameset rows="50%, 50%">`会创建两行各占50%高度的框架。而`<frame>`标签则用于指定每个框架的具体内容,如`<frame src="header.html" />`将加载名为`header.html`的页面到指定的框架中。 此外,课件还涵盖了HTML的基础知识,包括基本的HTML标记(tags)及其属性设置,如`<p>`(段落)、`<a>`(链接)、`<img>`(图像)等。CSS(层叠样式表)的介绍涉及了如何通过样式表来控制网页的外观和布局,如设置颜色、字体、背景等。JavaScript的学习内容包括基本的脚本语法、方法和自定义函数,它可以为网页添加交互性。 HTML是超文本标记语言,它是构建网页的基础,通过一系列预定义的标记来组织内容。HTTP(超文本传输协议)则是网页通信的基础,负责在客户端(浏览器)和服务器之间传输HTML文档。了解这些基本概念对于理解网页的工作原理至关重要。 课程还提到了网络的一些基本概念,如网络分类(广域网、城域网、局域网)、网络拓扑结构(总线型、星型、环形、网状),以及互联网的工作流程,包括用户通过浏览器发送请求,HTTP协议进行传输,服务器响应并返回资源。 这份HTML课件提供了一个全面的入门指南,涵盖了从HTML结构到样式控制,再到动态交互的各个方面,适合初学者系统学习Web开发基础知识。

<template ref="aaa" #就业> <view class="both"> <view class="mb20 mt20" style="font-weight: bold;font-size: 30rpx;">就业行业分布</view> <view class="frame"> <view class="frame-f">医疗保健</view> <tui-progress :percent="30.46" show-info></tui-progress> <view class="frame-f">医药</view> <tui-progress :percent="24.62" show-info></tui-progress> <view class="frame-f">医疗设备</view> <tui-progress :percent="10.29" show-info></tui-progress> <view class="frame-f">快消</view> <tui-progress :percent="6.19" show-info></tui-progress> <view class="frame-f">其他行业</view> <tui-progress :percent="18.83" show-info></tui-progress> </view> <view class="mb20 mt20" style="font-weight: bold;font-size: 30rpx;">岗位去向</view> <tui-charts-pie ref="aaa" diam="250" type="2" @click="onClick"></tui-charts-pie> <view class="mb20 mt20" style="font-weight: bold;font-size: 30rpx;">地区分布</view> <view class="frame"> <view class="frame-f">北京市</view> <tui-progress :percent="30.46" show-info></tui-progress> <view class="frame-f">华中地区</view> <tui-progress :percent="24.62" show-info></tui-progress> <view class="frame-f">深圳市</view> <tui-progress :percent="10.29" show-info></tui-progress> <view class="frame-f">西南地区</view> <tui-progress :percent="6.19" show-info></tui-progress> <view class="frame-f">广州市</view> <tui-progress :percent="18.83" show-info></tui-progress> </view> </view> </template> </gs-tabs>如何用uniapp的vue3获取上述代码插槽的ref

2023-06-06 上传