記錄百裡半 今天回顧html,總結一下今日所學內容。 正文 目的:通過一些基礎的標簽製作關於LOL的靜態網頁 所用代碼: 1.div中套div的話,若定義了第一個盒子的大小,被它包含的盒子就預設為同樣的形式; 2.圖片標簽img,用法:<img src:..> 3.url目錄:同一資源定位器,尋找資 ...
HTML
今天回顧html,總結一下今日所學內容。
-------------------正文--------------------------
目的:通過一些基礎的標簽製作關於LOL的靜態網頁
所用代碼:
1.div中套div的話,若定義了第一個盒子的大小,被它包含的盒子就預設為同樣的形式;
2.圖片標簽img,用法:<img src:..>
3.url目錄:同一資源定位器,尋找資源位置,分為三種;
1)絕對路徑
帶盤符的物理絕對路徑:C:\Users\Administrator\Desktop\0708\img\lol.png
可訪問互聯網上的資源(打開任意網站控制口,找到相應的鏈路,複製即可)
協議名:http、https
主機名 IP地址/功能變數名稱://www.baidi.com
2)相對路徑
指從文件當前的位置查找需要的資源,經過的路徑
3)伺服器路徑 根相對路徑 只有伺服器才能使用
/開始找文件
web支持的圖片格式:
1)png:無損壓縮 ,8位24位32位顏色,支持透明色;
2)jpg:壓縮過的文件 jpeg *.jpg
3)gif:支持動畫
屬性:
src : url 在伺服器端嚴格區分大小寫,在本機不受影響;
在web圖片中,如果只修改width或height中的一個屬性,另一個屬性就會跟著等比縮放;
————————————分割線——————————————
<u></u>下劃線
<b></b>指定字體加粗
表格格式:
<table>————cellpadding="0px"指表格內文字與邊的距離,border="1px"指表格邊框厚度,cellspacing="0"指表格邊框內的厚度大小
<caption></caption>———居中某些字
<tr>
<th></th>——表格內標題字,自動居中加粗
<td></td>——存放內容的地方
</tr>
</table>
有序列表:
<ol>
<li></li>
</ol>
無序列表:
<ul>
<li></li>
</ul>
錨點(跳轉到網頁中指定的區域):
<a href="#指定id">指定跳轉文字</a>
<h1 id="指定id">跳轉文字</h1>
————————分割線————————