標籤:tom cell 知識 效果 建立 無效 text esc src
<xx 表檔案名稱>匯入外部樣式表<link type="text/css" rel="stylesheet" href="xx.css"/>{link 標籤定義文檔與外部資源的關係.type:定義文檔所用的MIME類型.rel:relationship的英文縮寫.REL 屬性用於定義連結的檔案和HTML文檔之間的關係。StyleSheet,的意思就是樣式調用,REL=StyleSheet 指定一個固定或首選的樣式
而REL="Alternate StyleSheet"定義一個互動樣式.href: 規定被連結文檔的位置.}匯入外部js檔案<script type="text/javascript" src="xx.js"></script>錨點:<a href="#link">Abc</a><a name="link">link錨點連結</a>//此處的name屬性換成id也可_blank : 會開啟一個新的網頁載入連結的頁面_parent : 會在當前頁面開啟連結的頁面,連結的頁面會完全覆蓋之前的頁面內容_self : 會在添加超連結處的那個頁面或架構內開啟連結的頁面(不詳)_top : 與parent效果雷同alt : 用在img屬性中是當圖片無法正常顯示的時候,代替圖片出現的文字title : 作為屬性使用時,是當滑鼠停留在元素上時,顯示title 的屬性值。{作為元素,則是網頁標題。}背景圖片html代碼中:background="xx/xx/xx.jpg"{xx/xx/xx : 代表圖片的路徑jpg : 泛指圖片尾碼名}css代碼中:background:url("xx.jpg"); 或 background:url(xx.jpg);{如果還有其它屬性,比如no-repeat,或設定圖片的x,y座標值 等等}將圖片如何根據周圍的文本來柏拉圖像(圖片與文本的對齊,align在css中 align:top; 無效):<h2>已設定對齊的映像:</h2><p>映像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>{圖片的底部與文本對齊}<p>映像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>{圖片與文本中間對齊}<p>映像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>{圖片的頂部與文本對齊}
表格屬性:cellspacing="5" : 儲存格的邊框線 與 表格的邊框線的距離,值越大,空隙越大.cellpadding="20" : 儲存格的邊框線 與 儲存格內容之間的填儲值,值越大,儲存格的內容,離儲存格的邊框線越遠。表格內容的對齊:(若2種方式調換,則等同無效)行內樣式:align="對齊"單獨的css的代碼塊中:text-align:對齊;<colgroup style="color:顏色";align:"對齊"></colgroup><!--不知為何無效-->
〈dl〉 〈dt〉〈/dt〉 〈dd〉〈/dd〉 〈/dl〉<dl>標記定義了一個定義列表定義列表中的條目是通過使用 <dt> 標記 (“definition title”,定義標題) 和 <dd> 標記(“definition description”,定義描述) 建立的。<dt> 給出了術語名,<dd> 標記給出了術語的定義。
td.td{background:red;text-align:right;}<td class="td">dfdsf</td>如果想表示設定的是 td 標籤的 .td 類, td.td 它們之間沒有空格,是緊挨著的
記錄容易忘記的知識點(html 內容)