1. 程式人生 > >web相關基礎知識

web相關基礎知識

賬戶 這一 幫助 cin com 管理 fff 下載 table

2017-12-13 09:47:11

   關於HTML

    1.絕對路徑和相對路徑

   相對路徑:相對於文件自身為參考。 (工作中一般是使用相對路徑)

  這裏我們用html文件為參考。如果說html和圖片平級,那直接使用src

  技術分享圖片

  如果說圖片在和html平級的文件夾裏面,那麽使用文件夾/圖片

  技術分享圖片

  如果說圖片在html的上一級文件中,使用../圖片,或者在上級文件夾的子文件夾裏面,使用../ppt/圖片 (但是要保證在同一個項目中)

   絕對路徑:從盤符開始,C:\windows\system32\cmd.exe

    2.相關的標簽

  <strong> 加粗標簽 <em> 文本傾斜標簽 <del>刪除線標簽 <ins> 下劃線標簽

  <a > (其中的target屬性,默認是_self,可以不寫,指關閉自身頁面打開新頁面,_blank在新頁面中打開,自身頁面保留)

空標簽: <a href="#">

也可以用於壓縮包的下載 技術分享圖片 (不推薦)

錨點 可以在頁面的某個地方技術分享圖片設置錨點,然後用技術分享圖片可以使得點擊回到設置錨點的地方。

  <ul type="square">用於修改列表的前面的小圖標展示。(square-小方塊 disc-實心小圓圈 circle-空心小圓圈 )

<ol type="1"> (有序的type可以是很多種,字母,數字,羅馬數字)

自定義列表:<dl>

      <dt>幫助中心<dt> 小標題

<dd>賬戶管理<dd> 內容

      <dd>購物指南<dd> 內容 技術分享圖片 技術分享圖片

      </dl>

   音樂標簽:<embed src="" hidden=true> 技術分享圖片

    滾動標簽:<marquee></marquee> 滾動標簽;

    !+tab 新生成html5標簽

   <table> :關於快速建立表格的方法,比如說我們要建立三行四列的表格,那麽輸入table>tr*3>td*4 再按tab鍵就OK

屬性:cellspacing-用來表示單元格之間的間隙,值是數字,表示像素點。cellpadding-用來表示單元格內文字和單元格四周的距離,值是數字。

width="400",或者是用style="width:400px"

    <tr>:屬性 :valign=“top”設置這一行的內容是水平靠上還是靠下,align=“left”表示水平方向上靠左還是靠右。

  關於CSS

選擇器

  通配符選擇器 * { } 對頁面所有的元素都應用這個樣式。(不推薦使用,因為每次遇到一個標簽都會應用這個樣式,增加網頁負擔。解析力度大)

  交集選擇器 span.demo { } 既要滿足使用了某個標簽,又要調用了類選擇器或者是ID選擇器,其中標簽和類或者ID之間不能有空格

  

web相關基礎知識