HTML--三種樣式插入方法--鏈接---表格---列表


html三種樣式表插入方法
1.外部樣式表---<link rel="styleheet" type="text/css" href="mystyle.css">
2.內部樣式表:--
<style type="text/css>
body{background-color:red}
p{margin-left:20px}
</style>
3.內聯樣式表:<p style="color:red">

---html鏈接
1.鏈接數據:--文本鏈接--<a href="鏈接地址">點擊</a>
--圖片鏈接---
<a href="鏈接地址">
<img src="圖片的路徑">
</a>
2.屬性:href--指向另一個文檔的鏈接
--name--創建文檔內的鏈接--用途:在一個頁面下,頁面過大,可用於點擊跳轉到頂部或自定義注釋處
例如:<a name="tips">我在這</a>
<a href="#tips">跳轉到指定位置</a>

3.img標簽屬性:alt:替換文本屬性--用途:當圖片加載不出來的時候,會在框內所顯示的內容
例如:<a href="鏈接地址">
<img src="圖片的路徑" alt="圖片沒有加載出來的提示">
</a>
----html表格
<table>---定義表格--<table border="1" cellpading="10">--border邊框---
----cellpadding--單元格大小邊距--
---cellpacing--單元格間距
<caption>---標題--<table><caption>在最外層</caption></table>
<th>---表頭--放在tr中-<tr><th>表頭一</th></tr>
<tr>---行
<td>---單元--可設空單元格內容---也可以寫標簽--<td><ul><li>標簽一</li><li>標簽二</li><li>標簽三</li></ul></td>
<thead>---頁眉
<tbody>---主體
<tfoot>---頁腳
<col>---列屬性

----html列表
<ol>----有序列表
<ul>---無序列表
<li>---列表項
<dl>---列表
<dt>---列表項
<dd>---描述

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <ul>
    <li>蘋果</li>
    <li>蘋果2</li>
    <li>蘋果3</li>
  </ul>
  <ol>
    <li>蘋果</li>
    <li>蘋果2</li>
    <li>蘋果3</li>
  </ol>
 </body>
</html>

---無序列表屬性---<ul type="屬性">          disc--實體圓     circle---空心圓   square--方塊

---有序列表屬性----A --大寫   a--小寫  I  i  start--從幾開始

有序無序列表可嵌套--像目錄一樣下邊有小節

------

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM