網頁開發學習（二）：表格

阿新 • • 發佈：2018-11-11

一、表格

表格所涉及的標籤有“表格標籤”，“行標籤”和“單元格標籤”。

< table >…< /table >：表格標籤，表示一個表格的開始和結束。
< tr >…< /tr >：行標籤，成對出現，包含在表格標籤之間，有幾對行標籤就說明有該表格有幾行。
< td >…< /td >：單元格標籤，成對出現，包含在行標籤之間，有幾對單元格標籤就說明有該表格有幾個單元格。
< th >…< /th >：特殊單元格，表示該單元格為標題，即表頭。

屬性	說明
border	< table >標籤的屬性。border屬性只允許使用值1或0，表示是否顯示錶格的邊框
colspan	< td >屬性的標籤，表示跨多列，如colspan=3表示該單元格跨3列，即橫向合併三個單元格
rowspan	< td >屬性的標籤，表示跨多行，作用同上

表格示例：

<!doctype html>
<html>
<head> 

<meta charset="utf-8">
<title>表格應用</title>
</head>

<body>
    <table border="1">
        <tr>
            <th colspan="5">學生登記表</th>
        </tr>
        <tr>
            <th>學號</th><th>姓名</th><th>年齡</th> 
<th>專業</th><th>照片</th>
        </tr>
        <tr>
            <td>201303001</td><td>張小凡</td><td>18</td><td>軟體開發</td>
            <td><!--<img src="file:///E:/HTML5/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B5%8B%E8%AF%95/image/work1.jpg"/>--></td>
        </tr>
        <tr>
            <td>201303002</td><td>碧瑤</td><td>18</td><td>電腦科學與技術</td>
            <td><!--<img src="file:///E:/HTML5/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B5%8B%E8%AF%95/image/work3.jpg"/>--></td>
        </tr>
        <tr>
            <td>201303003</td><td>盧一平</td><td>18</td><td>法學院</td>
            <td><!--<img src="file:///E:/HTML5/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B5%8B%E8%AF%95/image/work4.jpg"/>--></td>
        </tr>
    </table>
</body>
</html>

預覽結果如圖：
這裡寫圖片描述

這裡可以使用img來放照片，不過要格外注意照片的格式，否則會出現照片和表格不相符的情況。

        <tr>
            <td>201303001</td><td>張小凡</td><td>18</td><td>軟體開發</td>
            <td><img src="file:///E:/HTML5/%E6%95%B0%E6%8D%AE%E5%BA%93%E6%B5%8B%E8%AF%95/image/work1.jpg"/></td>
        </tr>

未注意照片格式的效果圖：
這裡寫圖片描述
注意第二張照片右側有部分空白。

網頁開發學習（二）：表格

一、表格表格所涉及的標籤有“表格標籤”，“行標籤”和“單元格標籤”。 < table >…< /table >：表格標籤，表示一個表格的開始和結束。 < tr >…< /tr >：行標籤，成對出現，包含在表格標籤之間，有

網頁開發學習（三）：表單

表單是網頁中提供的一種互動式操作手段，無論是提交搜尋的資訊，還是網上註冊等都需要使用表單。使用者可以通過提交表單資訊與伺服器進行動態交流。表單主要可以分為兩部分：一是HTML原始碼描述的表單；二是提交後的表單處理，需要使用伺服器端編寫好 JSP等程式碼對客戶端提交的資訊作出迴應。

網頁開發學習（一）：製作一份邀請函

網頁開發設計是在面試創新實驗室時面試官給的二面試題，讓自己設計實現一個簡單的網頁。所以我決定來做一個邀請函網頁，並將開發過程寫在部落格上供有需要的朋友們檢視。網頁開發工具有很多，我使用的是對新手較為友好的Dreamweaver，其優點在於簡便、直觀、功能豐富，簡稱為“傻瓜化”。下載請

vue學習（二）：元件化開發

首先看看vuedemo的入口函式main.js// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.

vue移動音樂app開發學習（三）：輪播圖組件的開發

hub out webapp width eth reat slot utc -1 本系列文章是為了記錄學習中的知識點，便於後期自己觀看。如果有需要的同學請登錄慕課網，找到Vue 2.0 高級實戰-開發移動端音樂WebApp進行觀看,傳送門。完成後的頁面狀態以及項目結構如

Unity3D學習（二）：使用JSON進行對象數據的存儲讀取

進行存儲路徑新的 del jpg cati spa 全局變量 .net 前言前段時間完成了自己的小遊戲Konster的制作,今天重新又看了下代碼。原先對關卡解鎖數據的存儲時用了Unity自帶的PlayerPref（字典式存儲數據）。讀取關卡數據的代碼： voi

Android NDK學習（二）：編譯腳本語法Android.mk和Application.mk

GC make files 文件的包括一次 opengl aries 基本語法一、Android.mk Android.mk分為一下幾部分： LOCAL_PATH:= $(call my-dir), 返回當前文件在系統中的路徑，Android.mk文件開始時必須定義

強化學習（二）：馬爾可夫決策過程

最優最大值公式 des 版本 ams 強化學習有獎 RoCE Finite Markov Decision Process 馬爾可夫決策過程(MDP)是對連續決策進行建模，當前的動作不僅對當前產生影響，而且還會對將來的的情況產生影響，如果從獎勵的角度，即MDP不僅影響

遊戲開發經驗談（二）：對戰類全球服遊戲的設計與實現

bbr tro 機房產品 sql 服務器通過簡單自己實現上篇文章《遊戲開發經驗談（一）：遊戲架構裏隱藏的五個坑及其應對方案》，我們主要講解了遊戲架構設計當中隱藏的一些坑及其應對方案，錯過的小夥伴可以點擊鏈接回溯之前的內容。本期內容，將會重點介紹對戰類全球服遊戲的設

ArcGIS Engine 系統開發設計（二）：開啟地圖文件、鷹眼圖的製作

首先是製作一個按鈕來負責開啟地圖文件：在toolbox中選擇Button控制元件拖入我們的Form中,接下來在該button的Cilck事件中呼叫 OpenFileDialog類獲取檔案路徑後，將檔案路徑呼叫到axMapControl1.LoadMxFil

linux入門學習（二）：linux圖形化界面與命令行界面之間的切換，以及一些系統命令

之間 linu 鏡像 pan ctr 安裝 linux -- linux鏡像一、linux圖形化界面與命令行界面之間的切換註意：前提是你安裝的 linux鏡像ios 必須具備圖形化功能。 1）　　圖形化界面--->命令行界面：　　　　　　ctrl + alt +

PE檔案格式學習（二）：總體結構

1.概述 PE檔案分為幾個部分，分別是： DOS頭 DOS Stub NT頭（PE頭）檔案頭可選頭區段頭（一個數組，每個元素都是一個結構體，稱之為IMAGE_SECTION_HEADER） .text .rdata .data .rs

TensorFlow學習（二）：tf.random_normal() 和 tf.random_unform()

1. tf.random_normal() #正態分佈 tf.random_normal( shape, mean=0.0, stddev=1.0, dtype=tf.float32, seed=None, name=None ) Args:

Scrapy學習（二）：Xpath使用與並行化操作

一、xpath介紹 XPath 是一門在 XML 文件中查詢資訊的語言。XPath 用於在 XML 文件中通過元素和屬性進行導航。 XPath 使用路徑表示式在 XML 文件中進行導航 XPath 包含一個標準函式庫 XPath 是 XSLT 中的主要元素 XPat

JAVA學習（二）：第二章基本程式設計

第二章基本程式設計（1）變數：變數儘量選擇有描述性的名字；（2）實數用浮點型數表示；（3）加號（+）的意義：加法與字串的連線；（4）從控制檯讀取輸入： import Java.util.*; public class&

MFC學習（二）：訊息對映

1. 訊息對映表的組成巨集DECLARE_MESSAGE_MAP，用在類的宣告中，用來宣告訊息對映表。巨集BEGIN_MESSAGE_MAP，在使用類宣告外，用來定義連結節點和填寫連結串列節點中的資料，其格式為BEGIN_MESSAGE_MAP(類名稱, 基類名稱)。巨集ON_XXXX，

rabbitmq學習（二）：rabbitmq（消息隊列）的作用以及rabbitmq之直連交換機

tde pub 假設代碼持久化 tor 安裝 live 服務前言　　上篇介紹了AMQP的基本概念，組成及其與rabbitmq的關系。了解了這些東西後，下面我們開始學習rabbitmq（消息隊列）的作用以及用java代碼和rabbitmq通訊進行消息發布和接收。因為消

webpack學習（二）：配置載入css, 圖片, 字型, 資料(JSON, XML, CSV)等資原始檔

demo地址: https://github.com/Lkkkkkkg/webpack-demo webpack初步配置參照 https://blog.csdn.net/qq593249106/article/details/84892069 配置載入css檔案 webpack 視所

機器學習（二）：logistic迴歸

基礎知識： logistic迴歸其實是一個分類問題，可以定義如下：c為2時是一個兩類分類問題. 當分佈為伯努利分佈時： logistic迴歸和線性迴歸類似，不同的條件概率是不同的，方程如下：其中：sigmoid函式定義如下：使用logist

床頭筆記之Android開發學習（二）

安卓Android開發環境搭建之前用Android studio環境搭建，發現因為初學不熟，後面裝的東西太多了，電腦本身就卡，被我直接全卸了，打算用另一種簡單用得比較多的環境先入手。本次用Eclipse、JDK、Android SDK、ADT外掛、安卓模擬器

網頁開發學習（二）：表格

一、表格

相關推薦