1. 程式人生 > >html表格基礎及案例示圖程式碼。

html表格基礎及案例示圖程式碼。

列表標籤
 有序列表:標籤<ol></ol>
  type="">屬性值有A,a,I,i,1
  start=”“>    屬性值為數字
  有序列表的列表項    <li>
 無序列表:標籤<ul></ul>
  type="">屬性值有disc   circle   square
  無序列表的列表項<li>
 自定義列表:標籤<dl></dl>
  <dt></dt>   列表的標題
  <dd></dd>;列表的列表項
表格標籤<table>
 表格的屬性
  <table bgcolor="">背景顏色
  <table border="">邊框
  <table backgroung="">背景
  <table width="">寬度
  <table cellspacing"">單元格與單元格之間的距離
  <table cellspadding="">單元格與字型之間的距離
  <table height="">高度
  <table align="">對齊,值:left right center
  <table bordercolor="">邊框顏色
 <th></th>表格的表頭標籤。具有<td>的所有屬性預設加粗居中
 <tr>表格的行
  bgcolor     背景顏色
  backgroung     背景
  height      高度
  align     行的水平對齊方式
   值有  right    left    center
  valign     行的垂直對齊方式
   值有   top   bottom   middle
 <td>單元格
  bgcolor   背景顏色
  backgroung     背景圖片
  width      寬度
  height        高度
  align         單元格的水平對齊方式
  ralign            單元格的垂直對齊方式
  rowspan        合併行(垂直合併)
  colspan        合併列(水平對齊方式)
表格
 表格是用來展示資料的
 width  和  height  一般只寫一個另一個會等比例改變
 表格標籤<table>
  表格的屬性
   <table bgcolor="">背景顏色
   <table border="">邊框
   <table backgroung="">背景
   <table width="">寬度
   <table cellspacing"">單元格與單元格之間的距離
   <table cellspadding="">單元格與字型之間的距離
   <table height="">高度
   <table align="">對齊,值:left right center
   <table bordercolor="">邊框顏色
  <th></th>表格的表頭標籤。具有<td>的所有屬性預設加粗居中
  <tr>表格的行
   bgcolor     背景顏色
   backgroung     背景
   height      高度
   align     行的水平對齊方式
    值有  right    left    center
   valign     行的垂直對齊方式
    值有   top   bottom   middle
  <td>單元格
   bgcolor   背景顏色
   backgroung     背景圖片
   width      寬度
   height        高度
   align         單元格的水平對齊方式
   ralign            單元格的垂直對齊方式
   rowspan        合併行(垂直合併)
   colspan        合併列(水平對齊方式)
 列表標籤
  有序列表:標籤<ol></ol>
   type="">屬性值有A,a,I,i,1
   start=”“>    屬性值為數字
   有序列表的列表項    <li>
  無序列表:標籤<ul></ul>
   type="">屬性值有disc   circle   square
   無序列表的列表項<li>
  自定義列表:標籤<dl></dl>
   <dt></dt>   列表的標題
   <dd></dd>;列表的列表項
 影象:影象標籤<img/>
  <img src=""/>     圖片的路徑
  <img width=""/>  圖片的高度
  <img height=""/>    圖片的高度
  ait    文字提示  當圖片無法顯示或者路徑不對時顯示
  <title>  當滑鼠放在圖片上時的文字提示
 超連結   標籤<a  href="路徑"></a>
  特點  文字有顏色。有下劃線,滑鼠放上去會出現小手
  錨標記
   在需要跳轉的位置處,目的地寫上<a  name="錨點名稱"></a>
   如返回頂層。頂部<head>下面寫<a name="to"></a>   在主體最後寫<a  href="#to"></a>
   target 開啟方式
    
    biank(在新視窗開啟)
    self   (在當前視窗開啟)
    top    (在頂層視窗開啟)
    parent   (在父視窗開啟)
表格是用來展示資料的
width  和  height  一般只寫一個另一個會等比例改變

width  和  height  一般只寫一個另一個會等比例改變
<title>  當滑鼠放在圖片上時的文字提示
ait    文字提示  當圖片無法顯示或者路徑不對時顯示
影象:影象標籤<img/>
 <img src=""/>     圖片的路徑
 <img width=""/>  圖片的高度
 <img height=""/>    圖片的高度
 ait    文字提示  當圖片無法顯示或者路徑不對時顯示
 <title>  當滑鼠放在圖片上時的文字提示
<img height=""/>    圖片的高度
<img width=""/>  圖片的高度
<img src=""/>     圖片的路徑
錨標記
 在需要跳轉的位置處,目的地寫上<a  name="錨點名稱"></a>
 如返回頂層。頂部<head>下面寫<a name="to"></a>   在主體最後寫<a  href="#to"></a>
 target 開啟方式
  
  biank(在新視窗開啟)
  self   (在當前視窗開啟)
  top    (在頂層視窗開啟)
  parent   (在父視窗開啟)
超連結   標籤<a  href="路徑"></a>
 特點  文字有顏色。有下劃線,滑鼠放上去會出現小手
 錨標記
  在需要跳轉的位置處,目的地寫上<a  name="錨點名稱"></a>
  如返回頂層。頂部<head>下面寫<a name="to"></a>   在主體最後寫<a  href="#to"></a>
  target 開啟方式
   
   biank(在新視窗開啟)
   self   (在當前視窗開啟)
   top    (在頂層視窗開啟)
   parent   (在父視窗開啟)
特點  文字有顏色。有下劃線,滑鼠放上去會出現小手
表格是用來展示資料的

案例圖片

   

相關推薦

html表格基礎案例程式碼

列表標籤  有序列表:標籤<ol></ol>   type="">屬性值有A,a,I,i,1   start=”“>    屬性值為數字   有序列表的列表項    <li>  無序列表:標籤<ul></ul

機器學習基礎案例

ear plot width src python das aip 案例 ast   下面是部分機器學習的案例,合適入門的朋友學習,有numpy、pandas、matplotlib、scipy、skearn、TensorFlow等庫的基本案例教程。 機器學習基礎及案例

陣列的基礎案例

var arr1=new Array();//空陣列var arr2=new Array(5);//長度為5的陣列,每個資料的值為undefinedvar arr3=new Array(1,2,3,4,5);//長度為5的陣列var arr4=new Array[];//空陣列var arr5=new Arr

ARKit學習之2.0基礎案例解析(後續再更新)

 為了方便AR開發交流,博主建立了一個群 :891555732,歡迎一起討論 一.多人共享資料  官方案例原始碼 : https://github.com/Unity-Technologies/SharedSpheres ①.獲取資料及儲

SVM的一些學習心得案例(Python程式碼)實現

1、基本概念 向量的內積即一個向量在另一個向量上的投影乘上被投影向量的模,上圖不管是a投影在b上,還是b投影在a上,其結果是一樣的,原理參照 B站上 a∙b = (a1e1 + a2e2)∙(b1e1 + b2e2)            = a1b1e1e1 

自己制作html頁面用的字體

cnblogs lan nbsp href 字體 logs com img www 從網上看到的一個制作字體圖標的教程,自己試用過,確實還不錯,就把教程搬過來了,方便查看。 我們UI做出來矢量的圖,放到這個軟件裏操作,下面有教程,之後輸入.ttf或是.otf格式的字體,我是

HTML表格框架介紹

url .html 排列 fan 水平對齊 邊框 位置 空心圓 掌握 一、列表1、有序列表ol   <ol type="1默認/a/A/i/I">    <li></li>   </ol> 2、無序列表ul(實際應

HTML基礎css樣式

空格 radi hid bmi 引擎 優先 lose 重置 密碼 Web請求:   瀏覽器發請求 --> HTTP協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把HTML文件內容發給瀏覽器 --> 瀏覽器渲染頁面 HTML

HTML表格如何變色,HTML表格變色的程式碼是什麼?(附HTML程式碼顏色表)

HTML表格如何變色,HTML表格變色的程式碼是什麼?下面小編便分享給大家。 >   <TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=

HTML表格如何變色,HTML表格變色的程式碼是什麼?

  HTML表格如何變色,HTML表格變色的程式碼是什麼?下面小編便分享給大家。   <TD onmouseover="this.style.backgroundColor='#FFFFFF'"   onmouseout="this.style.backgroundColor=''"  style="

JavaSE基礎學習筆記案例(三)反射

1.反射 1.1反射概述 1.java反射機制是在執行狀態時,對於任意一個類,都可以知道這個類的所有屬性和方法; 動態獲取資訊以及動態呼叫物件的方法稱為java反射機制; 2.反射的三種方式 (1)Object類的getClass()方法,判斷兩個物件是否是同一個位元組碼檔案; (2)靜

JavaSE基礎學習筆記案例(二)多執行緒(下)與簡單工廠模式的瞭解

1.多執行緒(下) 1.1單例設計模式:保證類在記憶體中只存在一個物件 ************餓漢式與懶漢式的區別【面試題】 餓漢式單例模式:以空間換時間 懶漢式單例模式:以時間換空間(不推薦使用,僅在面試中用到) 3.多執行緒訪問時:餓漢式不會建立多個物件;而懶漢式

JavaSE基礎學習筆記案例(一)IO流與多執行緒(上)

IO流 1. IO流知識點 IO流(字元輸入流FileReader) 位元組輸入流 FileInputStream IO流(字元輸出流FileWriter) 位元組輸出流 FileOutputStream 字元緩衝區輸入流( BufferedReader) 位元組緩衝區輸入流Bu

C++基礎教程面向物件學習筆記心得感悟[]

C++基礎教程面向物件學習筆記及心得感悟[圖] 使用友元函式過載算術運算子: C ++中一些最常用的運算子是算術運算子 - 即加號運算子(+),減運算子( - ),乘法運算子(*)和除法運算子(/)。請注意,所有算術運算子都是二元運算子 - 這意味著它們需要兩個運算元 - 運算子的每一側都有一個運算

TensorFlow基礎MNIST資料集邏輯迴歸應用實踐-大資料ML樣本集案例實戰

版權宣告:本套技術專欄是作者(秦凱新)平時工作的總結和昇華,通過從真實商業環境抽取案例進行總結和分享,並給出商業應用的調優建議和叢集環境容量規劃等內容,請持續關注本套部落格。QQ郵箱地址:[email protected],如有任何學術交流,可隨時聯絡。 1 TensorFlow基本使用操作

HTML+CSS基礎學習標籤程式碼

HTML基礎 一、HTML頁面結構 1.HTML定義 (HTML)為超文字標記語言,是寫給瀏覽器的語言, 目前網路上應用最廣泛的語言,目前已經更新到HTML5,HTML添加了一些寫的語義化標籤,放棄了一些舊標籤。目的是相容所有以往標籤編寫的網頁。可以更加優良的識別。應用。  2.HTML

java面試題答案(基礎題122道,程式碼題19道)

      JAVA相關基礎知識   1、面向物件的特徵有哪些方面    1.抽象:   抽象就是忽略一個主題中與當前目標無關的那些方面,以便更充分地注意與當前目標有關的方面。抽象並不打算了解全部問題,而只是選擇其中的一部分,暫時不用部分細節。抽象包括兩個方面,一是過程抽

NLP課程:詞向量到Word2Vec理論基礎相關程式碼

以下是我的學習筆記,以及總結,如有錯誤之處請不吝賜教。 詞向量: NLP的發展主要有兩個方向: 傳統方向:基於規則 現代方向:基於統計機器學習:如HMM(隱馬爾可夫)、CRF(條件隨機場)、SVM、LDA(主題模型)、CNN.. 詞向量需要保證空間中分佈的相似性:

面試題收集-java面試題答案(基礎題122道,程式碼題19道)

JAVA相關基礎知識 1、面向物件的特徵有哪些方面  1.抽象: 抽象就是忽略一個主題中與當前目標無關的那些方面,以便更充分地注意與當前目標有關的方面。抽象並不打算了解全部問題,而只是選擇其中的一部分,暫時不用部分細節。抽象包括兩個方面,一是過程抽象,二是資料抽象。

敏捷專案管理基礎失敗案例分析-(丁仿)

Scrum 敏捷開發 基礎及失敗成功案例分析 什麼是敏捷開發方法?何謂Scrum? 看到敏捷,想到的是什麼? 有人說是動作敏捷、反映靈敏,速度快; 有人說是多快好省; 有人說是沒有制度,