從零開始學 Web 之 HTML（三）表單
大家好，這裡是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
一、表格
1、表格的結構
表格的標準結構：
1<table>
2 <thead>
3 <tr>
4 <td></td>
5 <td></td>
6 </tr>
7 </thead
8
9 <tbody>
10 <tr>
11 <td></td>
12 <td></td>
13 </tr>
14 </tbody>
15
16 <tfoot>
17 <tr>
18 <td></td>
19 <td></td>
20 </tr>
21 </tfoot>
22</table>
PS：寫
<thead> <tbody> <tfoot>對SEO更好，不寫也沒問題。
2、常見寫法
1<table width="300px" height="300px" border="5px" cellspacing="10px" cellpadding="0" bgcolor="pink" align="center" >
2 <tr>
3 <td>窗外的麻雀</td>
4 <td>窗外的麻雀</td>
5 <td>窗外的麻雀</td>
6 </tr>
7 <tr>
8 <td>窗外的麻雀</td>
9 <td>窗外的麻雀</td>
10 <td>窗外的麻雀</td>
11 </tr>
12 <tr>
13 <td>窗外的麻雀</td>
14 <td>窗外的麻雀</td>
15 <td>窗外的麻雀</td>
16 </tr>
17 </table>
width：寬度
height：高度
border：邊框寬度
cellspacing：單元格與單元格的距離
cellpadding：內容距邊框的距離
bgcolor：表格背景顏色
align=”left | right | center”
如果直接給表格用align=”center” 表格居中
如果給tr或者td使用 ，tr或者td內容居中。
3、快速建表格的方式
webstorm 下的快捷方式：
table>tr3>td5 + tab鍵 <!-- 建立3行5列的表格 -->
PS：sublime 下需要安裝 Emmet 外掛。
4、表頭
<caption></caption>：位於 table 標籤和 tr 標籤之間
1<table>
2 <caption>表頭</caption>
3 <tr>
4 <td></td>
5 <td></td>
6 <td></td>
7 </tr>
8 <tr>
9 <td></td>
10 <td></td>
11 <td></td>
12 </tr>
13 <tr>
14 <td></td>
15 <td></td>
16 <td></td>
17 </tr>
18 </table>
5、單元格合併
<td colspan=“2”>填寫內容</td>：合併同一行的單元格，合併行數為2
<td rowspan=“3”>填寫內容</td> ：合併同一列的單元格，合併列數為3
1<table border="2" cellspacing="0" width="400" height="100" align="center">
2 <caption><strong>表頭</strong></caption>
3 <tr align="center" bgcolor="yellow" height="100">
4 <td colspan="2">在電線杆上多嘴</td>
5 <!-- <td><strong>2</strong></td> -->
6 <td>在電線杆上多嘴</td>
7 </tr>
8
9 <
相關推薦
從零開始學 Web 之 HTML（三）表單
大家好，這裡是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
一、表格
1
從零開始學 Web 之 HTML5（二）表單，多媒體新增內容，新增獲取操作元素，自定義屬性
器） user 對比 style 按鈕 ont mp3 url --
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
博客園：ht
從零開始學Web之HTML（二）標籤、超連結、特殊符號、列表、音樂、滾動、head等
大家好，這裡是 Daotin 從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
一、標籤
1、單標籤
註釋標籤
從零開始學 Web 之 HTML（一）認識前端
大家好，這裡是 Daotin 從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
1、什麼是前端
前端對於網站來說，
從零開始學 Web 之 BOM（三）offset，scroll，變速動畫函數
樣式 清理 java mar dde sof mov har width
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
博客園：
從零開始學 Web 之 Ajax（三）Ajax 概述，快速上手
lan 技術分享 php 概述 由於 val asc logs 更新
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
博客園：ht
從零開始學 Web 之 ES6（三）ES6基礎語法一
arr 方法 foreach reac 公眾 存在 lock 數組名 回調函數
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
博
從零開始學 Web 之 jQuery（三）元素操作，鏈式程式設計，動畫方法
一、使用css操作元素樣式
1、常規寫法
$("#dv").css("width", "200px");
$("#dv").css("height", "100px");
$("#dv").css("background", "red");
2、鏈式寫法
$("#dv").css("width", "20
從零開始學 Web 之 BOM（三）offset，scroll，變速動畫函式
一、直接使用 document 獲取的元素
// 獲取 body
document.body;
// 獲取 title
document.title; // 獲取的是 title 中的值
// 獲取 html
document.documentElement;
1、案例：圖片跟著滑鼠移動
<!DOC
從零開始學 Web 之 CSS（三）連結偽類、背景、行高、盒子模型、浮動
大家好，這裡是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
一、連結偽類
a:
從零開始學 Web 之 DOM（三）innerText與innerHTML、自定義屬性
大家好，這裡是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
一、相容程式碼
1
從零開始學 Web 之 HTML5（三）網路監聽，全屏，檔案讀取，地理定位介面，應用程式快取
一、網路監聽介面
ononline：網路連通時觸發
onoffline：網路斷開時觸發
window.addEventListener("online", function(){});
window.addEventListener("offline", function(){});
二、全屏介面
全
從零開始學 Web 之 CSS3（三）漸變，background屬性
一、漸變
漸變是CSS3當中比較豐富多彩的一個特性，通過漸變我們可以實現許多炫麗的效果，有效的減少圖片的使用數量，並且具有很強的適應性和可擴充套件性。可分為線性漸變、徑向漸變。
1、線性漸變
線性漸變：指沿著某條直線朝一個方向產生漸變效果。
語法：
background: linear-gradient(
從零開始學 Web 之 JavaScript（三）函式
大家好，這裡是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關注。在這裡我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，期間也會分享一些好玩的專案。現在就讓我們一起進入 Web 前端學習的冒險之旅吧！
一、函式
1、函式
從零開始學 Web 之 DOM（一）DOM的概念，對標簽操作
關註 1.5 pan 什麽 tin p標簽 nod text ==
大家好，這裏是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關註。在這裏我會從 Web 前端零基礎開始，一步步學習 Web 相關的知識點，
從零開始學 Web 之 DOM（四）節點
def clas scrip while p標簽 設置 ner 操作 text
大家好，這裏是「 Daotin的夢囈 」從零開始學 Web 系列教程。此文首發於「 Daotin的夢囈 」公眾號，歡迎大家訂閱關註。在這裏我會從 Web 前端零基礎開始，一步步學習 Web 相
從零開始學 Web 之 jQuery（二）獲取和操作元素的屬性
eight images idt 隱藏 lis 屬性 ner master lin
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
從零開始學 Web 之 jQuery（六）為元素綁定多個相同事件，解綁事件
png 好用 添加 方式 執行 存在 區別 也會 地址
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
博客園：http://ww
從零開始學 Web 之 jQuery（七）事件冒泡，事件參數對象，鏈式編程原理
eval uri turn 定位 return 也會 否則 ont sele
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之巔
博客
從零開始學 Web 之 Ajax（五）同步異步請求，數據格式
遊記 document 空閑 name center 20px 實現 resp 也會
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公眾號：Web前端之