<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格与表单01</title> <style> table{ width: 300px; height: 40px; margin: 100px auto; border-collapse: collapse; } .th2{ float: left; padding-top: 5px…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格与表单02</title> <style> table{ width: 1000px; border: 1px white solid; margin: 100px auto; border-collapse: collapse; } td,th{ border: 1px whit…
①编码:charset="utf-8": ​②描述及关键词:name="description":name="keywords": ③a标签:​href="#id/name":锚点跳转:href="url":链接: ​④table标签:cellpadding:单元格内部填充:cellspacing:单元格之间间隙: ⑤td标签:表格单元格,colspan:横向跨列合并:rowspan:纵向跨行合并:​ ⑥f…
表格 -- 默认样式重置 表格标签:     table 表格     thead 表格头     tbody 表格主体     tfoot 表格尾     tr 表格行     th 元素定义表头     td 元素定义表格单元 表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充   单元格合并 rowspan  属性规定单元格可横跨的行数.     <td rowspan="2"…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>邮箱注册</title> <style type="text/css"> h1{ border: 1px solid white; width: 100%; height: 50px; background: lightblue; color: white; pad…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>课程表</title> <style> table{/*设置外部相关属性,不要设置内部属性*/ width: 500px; height: 300px; border: 3px black solid; margin: 100px auto; /*padding: 20px;*/ bo…
我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节点:tBodies tHead  tFoot  rows(行)  cells(列)(带S的都是获取的是一组元素) var oTab = document.getElementById('tab'); oTab.tBodies[0].rows[1].cells[0] //获取第二行的第一个 注意,写表…
学习内容 Ø        表格的作用和制作 Ø        表单的制作 能力目标 Ø        掌握表格的创建 Ø        掌握设置表格的常用属性: Ø        理解表单的作用 Ø        熟练掌握表单常用元素 本章简介 表格对于网页制作而言极其重要,其最明显的优点是能够以行列整齐的形式来显示文本.数字.图片信息.而且,表格还可以用于固定文本或图像的显示位置.经常上网的用户会发现表格被大量网站广泛应用,例如新闻列表.商品显示等. 除此之外,网站中经常有很多页面的信息需要…
表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table>     <tr>     <td>单元格内的文字</td>       ...     </tr>     ... </table>  包含三对HTML标记,分别为<table></table>.<tr></tr>.<td></td>,他们是创建表格的基本标记,缺一不可 <…
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>综合</title> <style type="text/css"> .{font-size:14px} #a{font-size:30px} #b{font-size:30px} #c{font-size:30px} #…