前端系列之HTML(表格)

了解表格应用场景

前端系列之HTML(表格)_第1张图片

前端系列之HTML(表格)_第2张图片

表格基本结构

前端系列之HTML(表格)_第3张图片

前端系列之HTML(表格)_第4张图片

前端系列之HTML(表格)_第5张图片

如何操作表格?

添加、删除行与列

前端系列之HTML(表格)_第6张图片

前端系列之HTML(表格)_第7张图片

表格属性

前端系列之HTML(表格)_第8张图片

<caption>caption>定义表格的标题

前端系列之HTML(表格)_第9张图片

前端系列之HTML(表格)_第10张图片

前端系列之HTML(表格)_第11张图片

前端系列之HTML(表格)_第12张图片

前端系列之HTML(表格)_第13张图片

前端系列之HTML(表格)_第14张图片

前端系列之HTML(表格)_第15张图片

表格跨行跨列

前端系列之HTML(表格)_第16张图片

前端系列之HTML(表格)_第17张图片

前端系列之HTML(表格)_第18张图片

前端系列之HTML(表格)_第19张图片

表格嵌套

前端系列之HTML(表格)_第20张图片

案例:表格网页布局

前端系列之HTML(表格)_第21张图片

前端系列之HTML(表格)_第22张图片


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格布局title>
head>
<body>
<table width="100%" bgcolor="#f2f2f2">
    
    <tr height="80px" bgcolor="#14191e">
        <td>1111td>
    tr>
    
    <tr height="10px">
        <td>td>
    tr>
    
    <tr>
        <td>
            <table align="center" width="1024px">
                <tr>
                    <td width="240px"  valign="top">
                        <table width="100%" bgcolor="#ffffff">
                            <tr><td align="center" height="60px">关于我们td>tr>
                            <tr><td align="center" height="60px">团队介绍td>tr>
                            <tr><td align="center" height="60px">人才招聘td>tr>
                            <tr><td align="center" height="60px">讲师招募td>tr>
                            <tr><td align="center" height="60px">联系我们td>tr>
                            <tr><td align="center" height="60px">常见问题td>tr>
                            <tr><td align="center" height="60px">意见反馈td>tr>
                            <tr><td align="center" height="60px">友情链接td>tr>
                        table>
                    td> 
                    <td width="20px">td> 
                    <td width="764px" bgcolor="#ffffff">
                        <pre>
春风十里,不及入门前端的你
认识你,从揭开你的神秘面纱开始

Web前端开发是从网页制作演变而来,其中包括三个要素:HTML、CSS和JavaScript;
Web前端用人数量已经远远超过主流编程语言的开发人员的数量。
熟悉你,从了解你的方方面面入手
实现Web端界面和移动端的界面
比如,网站设计、网页界面开发、前台数据的获取和绑定、以及动态特效等
选择你,并着手规划与你的未
据职友集数据显示,2016年Web前端岗位月薪最高达到2-3万元,月平均薪资8190元,预计在2017年待遇将再一次水涨船
春风十里,不及入门前端的
认识你,从揭开你的神秘面纱开始
春风十里,不及入门前端的你
认识你,从揭开你的神秘面纱开始

Web前端开发是从网页制作演变而来,其中包括三个要素:HTML、CSS和JavaScript;
Web前端用人数量已经远远超过主流编程语言的开发人员的数量。
熟悉你,从了解你的方方面面入手
实现Web端界面和移动端的界面
比如,网站设计、网页界面开发、前台数据的获取和绑定、以及动态特效等
选择你,并着手规划与你的未
据职友集数据显示,2016年Web前端岗位月薪最高达到2-3万元,月平均薪资8190元,预计在2017年待遇将再一次水涨船
春风十里,不及入门前端的
认识你,从揭开你的神秘面纱开始
春风十里,不及入门前端的你
认识你,从揭开你的神秘面纱开始

Web前端开发是从网页制作演变而来,其中包括三个要素:HTML、CSS和JavaScript;
Web前端用人数量已经远远超过主流编程语言的开发人员的数量。
熟悉你,从了解你的方方面面入手
实现Web端界面和移动端的界面
比如,网站设计、网页界面开发、前台数据的获取和绑定、以及动态特效等
选择你,并着手规划与你的未
据职友集数据显示,2016年Web前端岗位月薪最高达到2-3万元,月平均薪资8190元,预计在2017年待遇将再一次水涨船
春风十里,不及入门前端的
认识你,从揭开你的神秘面纱开始
                        pre>

                    td> 
            table>

        td>
    tr>
    
    <tr height="10px">
        <td>td>
    tr>
    
    <tr height="150px" bgcolor="#14191e">
        <td>111td>
    tr>
table>
body>
html>

你可能感兴趣的:(前端)