web课堂总结--day02

最新推荐文章于 2021-11-03 15:34:42 发布
最新推荐文章于 2021-11-03 15:34:42 发布
阅读量166 收藏
点赞数
文章标签： 课堂总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asdfhu/article/details/100526523
版权

第一块：frameSet
描述：frameSet没有body
<frameset rows="20%,*" >
<frame src="top.html" />
<frameset cols="10%,*">
<frame src="left.html"/>
<frame src="right.html" name="dwll"/>
</frameset>
</frameset>
"dwll"用于标记右侧栏
"target"常用两个属性
1.blank 新建页面打开链接
2.self 在本身块打开

第二块：iframe
<body>
<div >
<a href="right1.html" target="zzl">新浪</a>
<a href="http://www.baidu.com" target="zzl"> >百度</a>
<a href="http://www.sohu.com" target="zzl"> >sohu</a>
</div>
<div>
<iframe name="zzl" height="800px" width="900px"></iframe>
</div>
</body>

第三块 表格的标签及属性

  1. table属性
    Width、height 宽高（单位是像素或百分比）
    align 对齐
    border 外边框
    bgcolor 背景色
    background 背景图片
    Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0
    Cellpadding 单元格边距（表格边框与内容的距离） 一般情况写0

  2. tr属性：
    Align 水平对齐
    left/center/ right
    valign 垂直对齐
    Top（上）/middle（中）/bottom（下）
    bgcolor 背景色

  3. td的基本属性
    Width、height 宽高（单位是像素或%）
    align valign 水平对齐、垂直对齐
    bgcolor 背景色
    background 指定背景图片
    Colspan 水平合并 合并多列
    rowspan 垂直合并 合并多行

  4. 表头th标签
    <th>是特殊的单元格，文字会自动加粗、居中。它的用法是取代<td>的位置即可

第四块：
1.fieldset表单内分组
<fieldset>
<legend>性别</legend> ----分组标签
<input type="radio" name="sex" value="1" />男<br />
<input type="radio" name="sex" value="0" />女<br />
</fieldset>
2.拓展
隐藏域：<input type="hidden" name="money" value="111" />
图像域：<input type="image" src="img/logo.jpg" width="100px" height="30px"/>
上传文件：<input type="file"/>
input重置按钮：<input type="reset" value="重置" />
input提交按钮：<input type="submit" value="提交" />
input普通按钮：<input type="button" value="普通按钮" onclick="alert('hello')"/>
onclick="alert('hello')"按钮的单击事件，这个是弹窗显示hello。
可以用<lable for="id"></lable>标签使输入框和提示标签绑定。
文本域：<textarea cols="30" rows="7"></textarea>
电话号码：<input type="tel" pattern="[0-9]{5}" />
pattern="[0-9]{5}"用于限制 [a-b]限制范围 {a}限制长度
url网址：<input type="url" />
邮箱：<input type="email" />
数字：<input type="number"max="1" />
日期：<input type="date" />
音频：<audio controls>
<source src="kx.mp4" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.      —当浏览器不支持时打印
</audio>
视频：
<video width="320" height="240" controls>
<source src=" " type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。      —当浏览器不支持时打印
</video>

不思量i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web课堂总结--day2.2~2-4
qq_45648380的博客
09-16 119
一，数据类型知识补充 String()有参函数：null->null undefined–>undefined 其他都可以转换为string类型 boolean 和Number类型都是调用了toString()方法，null和undefined没有toString()方法 Number()参数放进去 字符串–>Number 数值类型直接转换，只要出现了非数值类型的变为...
web-day4.rar
03-30
【标题】"Web-Day4"通常指的是一个关于Web技术的培训课程或研讨会的第四天内容，可能涵盖了Web开发中的高级主题或特定技术的深入探讨。由于没有具体的标签信息，我们无法得知具体涉及哪些技术，但根据一般的Web开发...
学习完WEB之后的个人总结
q1047275457的博客
11-03 1234
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、WEB环境搭建1.1下载服务器：1.2安装部署：1.3Tomcat目录结构1.4创建web二、Servlet2.1 Servlet是什么2.2 Servlet API2.3 创建第一个Servle2.4 Servlet 工作原理2.5 Servlet 生命周期2.6 Servlet请求、响应、会话常用三、JSP3.1 什么是JSP3.2 JSP中嵌套java代码3.3 JSP的内置对象*****3.4 JSTL四、Servl
web开发框架总结
weixin_44382721的博客
05-27 212
今天上午突然被问到我做微信小程序开发用的什么框架，就？就挺秃然的，后面想了才知道我用到的是微信的原生开发+lin-ui，然后平常也听到各种这框架那框架，就来记录一下。由于我是做web开发的，所以就只说我知道的框架。 ———————————————————————————————————————————— web框架大致分成两大类，一类是前端开发框架，另一类就是后端开发框架了。 前端开发框架里面又分了js框架和ui框架，js框架的话就有大家所熟知的vue、react、angular,ui框架的话有饿了么ui、
web开发技术栈（框架）总结
热门推荐
菜鸟笔记
06-30 2万+
Bootstrap-Layui-Amazeui-jQuery-vue-react-AngularJS-ci-Thinkphp-Yii-Laravel-Node-Django-springMVC-apache-nginx-mysql-redis…… 天呐，好多…… 小编虽说出身工业软件，但心里一直藏着一个UI梦。近两年，小编业余时间从零开始摸索web开发，把web开发常用的技术和框架大概都摸了摸看了...
web课堂总结--day2-1
qq_45648380的博客
09-16 82
一.关于js 1.js全称JavaScript，是一种脚本语言，也叫解释型语言。语法类似c和java。是一种动态语言，基于原型面向对象的一种语言。 2.es(ECMAScript)，是js的标准，即es作为文档规范js语法，js实现功能。 3.js的构成为： ①.es(js规范) ②. dom(文档对象   Document    文档规范) ③....
web课堂总结---day3-1
asdfhu的博客
09-27 104
JS中数据类型： String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 以上这五种类型属于基本数据类型，以后我们看到的值 只要不是上边的5种，全都是对象 Object 对象 基本数据类型都是单一的值"hello" 123 true, 值和值之间没有任何的联系。 在JS中来表示一个人的信息（name gender age）： var name ...
web课堂总结--day03
asdfhu的博客
09-04 139
css基础知识 一，CSS引用方式 行内样式 行内样式表的应用方法：在html标记内，每个标签都使用style属性定义css样式。 注：在标签内部设置（style）样式，键值对用冒号隔开 内联样式（行内样式）例如： <p style=”color:red;font-size:36px”></p> 特点：专人专用，不能共享【就近原则】 缺点：结构和表现没有做分离，页面的代码...
web课堂总结---day3-2续
asdfhu的博客
09-27 122
正则表达式 我是一个按钮 /* * 浏览器已经为我们提供 文档节点 对象这个对象是window属性 * 可以在页面中直接使用，文档节点代表的是整个网页 */ //console.log(document); //获取到button对象 var btn = document.getElementById("btn"); //修改按钮的文字 btn.innerHTML...
web课堂总结--day01
asdfhu的博客
09-02 134
对于基础知识的加强和巩固： 第一单元 1.搭建网页的结构：html5.0 2.对页面的页面元素进行修饰，比如定位等。表现（CSS） 3.和页面的元素进行交互。行为（javascript,jQuery） 4.BootStrap(前段框架)—基于HTML，CSS，JavaScript的，优点简介灵活使开发更快捷。 5.文件夹、文件命名规则：由英文字母、数字、下划线共同组成，数字不能开头，不能使用汉字 ...
886164823919662MySQL课堂笔记-day01.rar
12-23
MySQL是世界上最受欢迎的关系型数据库管理系统之一，尤其在Web应用程序中被广泛使用。这份"886164823919662MySQL课堂笔记-day01"的资料很可能是初学者入门MySQL的学习资源，涵盖了第一天学习的重要概念和基础操作。...
SpringBoot-jt-day01
05-28
通过这个"课堂笔记"，我们将探索其主要特性，以便于理解和应用。 1. **Spring Boot概述**： - Spring Boot是由Pivotal团队提供的全新框架，目标是简化Spring应用的初始搭建以及开发过程。 - 它采用“约定优于配置...
课堂代码day10-coderwhy.rar
09-01
通过深入学习和实践“课堂代码day10-coderwhy.rar”中的内容，你将掌握Vue.js的基础知识和实践技巧，为进一步提升Web开发能力打下坚实基础。记得动手实践，因为编程学习最重要的是实际操作和不断尝试。祝你在学习Vue...
课堂代码Day 09-coderwhy.zip
09-01
【标题】：“课堂代码Day 09-coderwhy.zip”是一个教学材料的压缩包，它可能包含了关于编程课程第9天的代码示例和练习。coderwhy可能是一位讲师或者教学平台的名字，暗示了这些代码是他的讲解内容。 【描述】：...
pi_heif-0.17.0-pp310-pypy310_pp73-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
mmexport1722080103662.jpg
07-27
mmexport1722080103662.jpg
matlab 20244a 6
07-27
matlab 20244a 6
pi_heif-0.17.0-cp310-cp310-macosx_12_0_x86_64.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
day--和--day区别
04-18
"day--"和"day"是两种不同的操作符，它们在编程中有着不同的含义和用法。 1. "day--"是一个后缀自减操作符，用于...总结起来，"day--"是一个操作符，用于递减变量的值；而"day"是一个变量名，用于表示存储数据的位置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值