爬虫配套学习-前端学习笔记04-表格

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>表格的基本构成-网页名</title>
</head>
<body>
<table border="1"><tr><td>第一行_第一列单元格</td><td>第一行_第二列单元格</td></tr><tr><td>第二行_第一列单元格</td><td>第二行_第二列单元格</td></tr>
</table>
</body>
</html>

效果

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>表格的标题-网页名</title>
</head>
<body>
<table width="171" border="1"><caption>考试成绩表_表格标题</caption><tr><td width="44">张三那一行</td><td width="35">95</td><td width="36">76</td><td width="28">80</td></tr><tr><td>李四那一行</td><td>88</td><td>89</td><td>85</td></tr><tr><td>三毛那一行</td><td>80</td><td>89</td><td>90</td></tr><td>三毛A那一行</td><td width="350">95</td><!-- 其中一个的大小更改了其他也会跟着变化 --><td width="36">76</td><td width="28">80</td><tr></tr>
</table>
</body>
</html>

效果

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>表格背景图像-网页名</title>
</head>
<body><!-- 设置表格参数 border为边框的透明度 单元格边距--><table width="500" height="140" border="1"cellpadding="100" cellspacing="5"bordercolor="#66CCFF" bgcolor="#FFCCFF"background="images/2.jpg"><tr><td>单元格1</td><td>单元格2</td></tr><tr><td>单元格3</td><td>单元格5</td></tr></table>
</body>
</html>

效果

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>水平对齐方式-网页名</title>
</head>
<body>
<table width="400" border="1" align="center" cellpadding="10"><tbody><tr align="left"><td>全自动A</td></tr><tr align="center"><td>A</td></tr><tr align="right"><td>使用</td></tr></tbody>
</table>
</body>
</html>

效果

改背景颜色

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>表主体-网页名</title>
</head><body>
<!-- 表格参数的设置 -->
<table width="400" border="1" align="center" cellpadding="5" cellspacing="2"><caption>某购物_表格名</caption><thead bgcolor="#FF33FF" align="center"><tr><td>名称</td><td>类型</td><td>价格</td></tr></thead><tbody bgcolpr="#CC99FF" align="left"><tr><td>毛巾</td><td>毛巾</td><td>45</td></tr></tbody>
</table>
</body>
</html>

效果

爬虫配套学习-前端学习笔记04-表格相关推荐

关于我写了个开发学习路线供全班同学学习 ———— 前端学习路线（超详细）
前端学习路线超级详细全网汇总学习心得 -------By QiongKe 符号表 ⭐️ 必学 ✅ 建议学 ❌ 一般可以不学,了解即可
爬虫配套学习-前端学习笔记06-一些动态效果
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>滚动 ...
爬虫配套学习-前端学习笔记01
<html> <head> <title>第一个 HTML 页面</title> <meta http-equiv="content-t ...
爬虫配套学习-前端学习笔记23-CSS相关
<!DOCTYPE html> <html> <head><meta charset="utf-8"><link rel=&q ...
爬虫配套学习-前端学习笔记05-表单
单的用途很多,在制作网页,特别是制作动态网页时常常会用到.表单主要用来收集客户端提供的相关信息,使网页具有交互功能.在网页制作的过程中,常常需要使用表单,如进行会员注册.网上调查和搜索等.访问者可以使 ...
2017-2-15从0开始前端学习笔记（HTML）-图片-表格-表单
2017-2-15从0开始前端学习笔记-图片-表格-表单标签图片图片<img src="#" alt="文本说明不能加载图片时显示" title= ...
前端学习笔记001：HTML5
HELLO,作为一个只学过一点点 Java 和 Python 的程序小白,为了写出自己的网站,我又一次被自己逼进了前端行业(所以 no zuo no die) 为了方便大(zi)家(ji)学习,整理了 ...
初学前端，学习路线图必不可少，更有【95页】初级前端模块笔记！
前言在初学前端的时候,我们总会遇到一些问题,我们可以在网上看到很多关于前端的这些问题: 你们都是怎么学web前端的? 零基础,怎么自学好前端? 前端需要学多久,都学哪些知识? 想成为一名合格的前端工 ...
前端学习路线笔记 - html 和 html5 的新特性
学习目标: 了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签掌握H5新增表单和表单属 ...

爬虫配套学习-前端学习笔记04-表格

爬虫配套学习-前端学习笔记04-表格相关推荐

最新文章

热门文章