1. 程式人生 > >HTML複習之用HTML建立表格

HTML複習之用HTML建立表格

今日目錄

        1、表格的基本結構

        2、合併表格

        3、用 align 屬性設定對齊方式

        4、用 bgcolor 屬性設定表格背景色和邊框顏色

        5、用 cellpadding 屬性和 cellspacing 屬性設定邊距

一、表格的基本結構


二、合併表格

    2.1、用 colspan 屬性左右合併單元格
    2.2、用 rowspan 屬性上下合併單元格

三、用 align 屬性設定對齊方式


四、用 bgcolor 屬性設定表格背景色和邊框顏色


五、用 cellpadding 屬性和 cellspacing 屬性設定邊距

    5.1、cellspadding 屬性設定表格單元格中的內容距離格線的距離    5.2、cellspacing 屬性設定表格相鄰單元格邊線之間的距離。


新增小編微信可以獲取免費資源,二維碼


要用到的工具,關注公眾號直接免費獲取

相關推薦

HTML複習HTML建立表格

今日目錄        1、表格的基本結構        2、合併表格        3、用 align 屬性設定對齊方式        4、用 bgcolor 屬性設定表格背景色和邊框顏色        5、用 cellpadding 屬性和 cellspacing 屬性設

Html學習十六(表格與表單學習--課程表制作)

居中 htm meta rowspan title 結果 utf-8 使用 class <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Html學習十七(表格與表單學習--排行版制作)

com blue float tab -- 分享圖片 sandy ng- 排行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

HTML基礎初識HTML

什麼是 HTML? HTML 是用來描述網頁的一種語言。 HTML 指的是超文字標記語言 (Hyper Text Markup Language) HTML 不是一種程式語言,而是一種標記語言 (markup language) 標記語

Bootstrap建立表格,並初始化一行背景色

初始化載入資料,並預設新增一行背景色 程式碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

html dom建立表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <s

通過js為html動態建立表格

$(function () {$.ajax({type: "POST",    url: "../sys/sysMessage/messageList",    data: "",    success: function(r){    initList(r);    }}

html製作圓角邊框的表格

我們總是可以在一些網站看到邊框圓滑的框框,也就是圓角的表格,我們下面就介紹下,那是怎樣通過html實現的呢? <table cellpadding=0 cellspacing=0 border=0 width=282 align=center>  <tr

HTML製作細線表格

 最近寫了一兩個網頁,把一個簡單的問題寫在這裡,只是自娛。 程式碼如下: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><

html設定文字的顏色,大小,粗細 表格設定

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <p>

【簡單的留言本】HTML新增的數據庫實現

 【簡單的留言本】用html新增的數據庫實現 【簡單的留言本】用HTML新增的數據庫實現使用數據庫實現的WEB留言本 var datatable = null; var db = openDatabase(‘Mydata‘,‘‘,‘My Database‘,1024

與其放在電腦裏占內存,還不如拿出來幫助一群小白白html

ext one mar solid ul li lis class eight seo <!doctype html><html><head><meta charset="utf-8"><title>無標題文檔&l

與其放在電腦裏占內存,還不如拿出來幫助一群小白白html

ext tco confirm char utf type lang html click <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">

與其放在電腦裏占內存,還不如拿出來幫助一群小白白html

var wid gin ack document type solid load ntb <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

與其放在電腦裏占內存,還不如拿出來幫助一群小白白html

mon one cli tle .get put cas true stc <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <titl

與其放在電腦裏占內存,還不如拿出來幫助一群小白白html

cell pan adding rowspan add 歌曲 作者 ctype lsp <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l

與其放在電腦裏占內存,還不如拿出來幫助一群小白白html十一

dcl body window let ctype urn doctype 繼續 document <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><

python 前端HTML/CSS基礎知識學習筆記

引號 編寫 css基礎 通用 浮動 我們 公司地址 將不 多行 1. 文件結構: HTML文件的固定結構: <html> <head>...</head> <body>...&l

html語言寫一個功課表

ble mage ima http jsb type 聲明 mil .net 今天在網上看了一個關於html的教程,主要是講表格,看完之後認為有必要上機試試。於是就寫了以下的一段代碼。 <!DOCTYPE html><!--貌似5.0的能

HTML中關於圖像和表格,鏈接等的知識

ble 是我 屬性 tom nbsp 時代 變形 地址 width   下面是我分享的html中關於圖像和表格,鏈接等知識:   ①<img/>圖像標簽   <img/>標簽中的一些常見屬性:1,src是圖像的路徑屬性,是img標簽中必不可少的屬性。