1. 程式人生 > >HTML中中width和height屬性的詳解(表格)

HTML中中width和height屬性的詳解(表格)

<!DOCTYPE html>
<html>
	<head>
    	<!-- utf-8是每個網站都能識別的字型-->
    	<meta charset="utf-8"> 
        <title>表格屬性練習</title>
        <base target="_self">
    </head>
    <body>
    	<!--
        1.高度和寬度只能給table 和 td 使用。 
        2.水平對齊和垂直對齊: 水平對齊:能給table 和tr td 使用。 垂直對齊:tr td使用。
        3.外邊距和內邊距只能給table使用。
        注意點:px是畫素的意思,在定義字型大小和一些元素的寬度、高度用到。
        -->
        
        <!--width和height在table中的使用-->
        <table border="1" width="500px" height="300px"><!--在沒有給出寬度和高度的情況下,系統預設給出的寬度和高度是根據表格中填寫的資料所控制的,表格中的資料的寬度和高度就是表格的系統預設寬度和高度-->
        	<tr>
            	<td>1.1</td>
                <td>1.2</td>
            </tr>
            <tr>
                <td>2.1</td>
                <td>2.1</td>
            </tr>
        </table>
        <br>
        <br>
        <br>
        <br>
        <!--在td中使用width和height只改變td所對應的單元格的高度和寬度,改變之後只有對應的單元格發生改變,因為要保證表格不變化,所以其他的單元格要發生想一個的改變。-->
        <table border="1" width="500px" height="300px">
        	<tr>
            	<td width="100px">1.1</td><!--只改變第一個單元格的寬度-->
                <td>1.2</td>
            </tr>
            <tr>
            	<td height="200px">2.1</td><!--只改變第三個單元格的高度-->
                <td>2.2</td>
            </tr>
        </table>
    </body>
</html>

總上所述:<table>中使用width和height會改變表格整體的寬度和高度,<td>只改變對應單元格的width和height,改變的同時其他單元格也會發生相應的改變,但是整體表格width與height不變。

相關推薦

Android的IntentIntent-Filter

 Data、Type屬性與intent-filter配置 Data屬性接收一個Uri物件作為其值,Uri物件類似於“content://com.android.contacts/contacts/#”,關於Uri的相關知識大家可以自行搜尋。 Data屬性通常

Android的IntentIntent-Filter

Intent對於Android應用的作用 Intent,翻譯過來是“意圖”,它是對Android應用程式“意圖”的封裝。例如ActivityA想啟動ActivityB,那麼“想啟動Activit

HTMLwidthheight屬性表格

<!DOCTYPE html> <html> <head> <!-- utf-8是每個網站都能識別的字型--> <meta charset="utf-8"> <titl

pythonmysql互動---- pandas讀csv檔案,executemny批量寫入db

主要用到pandas從csv檔案中抓資料,pandas抓出的資料是dataframe格式的,而且有的可能是Nan,抓出df格式的資料需要再處理,才能批處理的寫入資料庫中,executemany批出的格式不能是df,這裡處理成list import pymysql import codec

Object類hashCode()equals()方法附圖

 下圖是規範中要求的: 圖解:比如equals相等的箭頭指向hashcode相等,標示equals相等那麼必有hashcode相等。另外有兩個箭頭指向別人的標示可能是其中之一。 //JAVA程式碼: public static void main

word2vec 的數學原理背景知識1

word2vec 是 Google 於 2013 年開源推出的一個用於獲取 word vector 的工具包,它簡單、高效,因此引起了很多人的關注。由於 word2vec 的作者 Tomas Mikolov 在兩篇相關的論文 [3,4] 中並沒有談及太多演算法細節

JDK正則表示式類庫

二、以下是自己對正則表示式的一些理解。    [size=medium]1. 正則表示式規則1.1 普通字元    字母、數字、漢字、下劃線、以及後邊章節中沒有特殊定義的標點符號,都是"普通字元"。表示式中的普通字元,在匹配一個字串的時候,匹配與之相同的一個字元。    舉例1:表示式 "c",在匹配字串 "

java異常與try catch finally轉載

簡介程式執行時,發生的不被期望的事件,它阻止了程式按照程式設計師的預期正常執行,這就是異常。異常發生時,是任程式自生自滅,立刻退出終止,還是輸出錯誤給使用者?或者用C語言風格:用函式返回值作為執行狀態?。Java提供了更加優秀的解決辦法:異常處理機制。異常處理機制能讓程式在異

css動畫-animation各個屬性

yellow range 空隙 定義 tro content bin ora .com CSS3的animation很容易就能實現各種酷炫的動畫,雖然看到別人的成果圖會覺得很難,但是如果掌握好各種動畫屬性,做好酷炫吊炸天的動畫都不在話下,好,切入正題。 一、動畫屬性:

Android零基礎入門第80節:Intent 屬性

gre save top log 單選按鈕 bar 手機 彩信 ttext 上一期學習了Intent的前三個屬性,本期接著學習其余四個屬性,以及Android系統常用內置組件的啟動。 四、Data和Type屬性 Data屬性通常用於向Action屬性提

Quartz學習——SpringQuartz整合

Spring是一個很優秀的框架,它無縫的集成了Quartz,簡單方便的讓企業級應用更好的使用Quartz進行任務的排程。下面就對Spring整合Quartz進行簡單的介紹和示例講解!和上一節 Quartz學習——2、簡單入門示例Demo 的流程相似,介紹Spring和Quar

Quartz學習——SSMM(Spring+SpringMVC+Mybatis+Mysql)Quartz整合

當任何時候覺你得難受了,其實你的大腦是在進化,當任何時候你覺得輕鬆,其實都在使用以前的壞習慣。 通過前面的學習,你可能大致瞭解了Quartz,本篇博文為你開啟學習SSMM+Quartz的旅程!歡迎上車,開始美好的旅程! 本篇是在SSM框架——Spri

抽象類介面的例項

抽象類和介面在我們的程式碼中,生活中息息相關,與上圖所示,操縱複雜,密切相關,那麼問題來了,何謂抽象類,何謂介面? 帶著這層薄紗,慢慢揭開這層薄紗;也許在古代,新婚之夜,透過這層薄紗,你看到的或者是驚喜,或許是驚悚,不要怕,無論是驚悚還是驚喜,她都會伴你一

spring的BeanFactoryApplicationContext原始碼

轉自http://www.sandzhang.com/blog/2011/04/10/Spring-BeanFactory-ApplicationContext-Detail-1/ 版本:spring-framework-3.0.5.RELEASE Spring的最核心的部分就是BeanFactory了,

spring的BeanFactoryApplicationContext原始碼

轉自http://www.sandzhang.com/blog/2011/05/11/Spring-BeanFactory-ApplicationContext-Detail-2/ 版本:spring-framework-3.0.5.RELEASE 接上篇繼續 一、首先看ConfigurableBeanF

JMeter對伺服器效能監控--結果檢視plugins外掛2

首先申明,此篇文章借鑑出處:https://www.jianshu.com/p/ea36fef0a96b 引言 我們對被測應用進行效能測試時,除了關注吞吐量、響應時間等應用自身的表現外,對應用執行所涉及的伺服器資源的使用情況,也是非常重要的方面,通過實時監控,可以準確

Linux 開機引導啟動過程2

理解作業系統開機引導和啟動過程對於配置作業系統和解決相關啟動問題是至關重要的。該文章陳述了 GRUB2 引導裝載程式開機引導裝載核心的過程和 systemd 初始化系統執行開機啟動作業系統的過程。   事實上,作業系統的啟動分為兩個階段:引導boot和啟動startup。引導

Mac下 node安裝環境配置最新

1、進入node官網下載頁http://nodejs.cn/download/       如下圖: 選擇macOS安裝程式下載,此為  10.12.0版本、 2、雙擊安裝程式安裝 如下: 顯示程式將會安裝的位置 一直點選繼續到最後為 3

Android進階——效能優化之佈局渲染原理底層機制

引言 UI 全稱User Interaction,我第一次聽到這個名詞是在大學的時候,當時候上人機互動課,我們教授說他認為iPhone的i 就是代表Interaction的意思,暫且不必爭辯是非。回到我們軟體開發中來,UI是使用者感知與互動的第一且唯一的途徑,

Android:shape屬性圖文並茂

語法結構: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.and