2020年03月_ResidualBridge

原创 form表单属性集合

在HTML中有很多地方都需要登录注册搜索,就会涉及到form表单;表单常用属性:属性描述name表单的名字action提交表单的目标method提交表单的方法(get)enctype上传文件有文字和图片时input常用类型类型（type）作用text单行文本框password密码输入框radio单选框...

2020-03-31 16:38:40 541

原创 JS事件笔记（BOM）：弹出选择窗口

利用JavaScript来制作弹窗进行选择的效果利用window.open打开新的窗口，用window.opener获取父窗口的标签；这里运用到的window常用方法和属性方法描述open打开一个新窗口close关闭浏览器窗口focus把焦点给予一个窗口opener返回当前打开窗口的父窗口对象，是一个window对象parent返回父窗口...

2020-03-25 22:52:19 673

原创 JS事件笔记：二级导航

完成的一次作业效果图JavaScript写二级导航在JavaScript文件中对相应标签添加鼠标事件：鼠标进入和鼠标离开（mouseenter, mouseleave）{ let nav = document.getElementById("nav"); //读取页面id为nav的标签 let navLi= nav.children; //读取nav的所有子标签 ...

2020-03-25 11:45:46 505 1

原创 JS事件笔记：图片切换

开始学习事件，将课上的一些内容记录一下。在站点文件下建立一个images文件来放置图片；在html文件中：<div class="box"> <img id="myPic" src="images/pic1.jpg" alt=""/> <div class="but"> <div class="left" id="ba...

2020-03-24 22:47:16 181

原创 HTML的二级导航

当鼠标移上时显示二级导航代码以下： <div> <ul class="one"> <li>A <ul class="two two_1"> <li>1</li> <li>2</li> ...

2020-03-03 22:42:07 6369

原创 HTML中表格标签——合并单元格

合并单元格两种方式：1）跨行合并；2）跨列合并；目标单元格（需要合并的单元格，写合并单元格的代码）：1）跨行：目标单元格是最上侧单元格；2）跨列：目标单元格时最左侧单元格；合并单元格的小步骤：1）确定单元格合并的方式：跨行还是跨列；2）找到目标单元格，写下代码；3）删除多余的单元格。如图1，一个3*3的表格：将其合并单元格，如图2：如图所示，将第一行中2，3单元格合并在一...

2020-03-01 20:26:21 952

原创 HTML中表格基本用法与属性

表格的布局、显示数据等作用，更多的是用来显示数据。表格的基本语法：<p>表格的几个部分 table表格、thead表头、tbody主体、tfoot表尾 </p>!--表格--><table align="center" border="1" cellpadding="50" cellspacing="0" width="600px" > &...

2020-03-01 19:59:33 184

weixin_46410264的博客