html常用標簽、包含關係、常用術語,以及網頁設計中的字體分類

編程比較舒適的等寬字體:DejaVu Sans Mono

字體的分類:

serif (襯線字體){在筆畫上面有些特殊的修飾效果}

sans-serif (非襯線字體){橫平豎直.橫就是橫,點就是點}

monospace ( 等寬字體)

cursive ( 草書字體)

fantasy (虛幻字體)

以上這些分類都是一些大的分類, 並沒有涉及具體的類型,如果將字體指定為這些格式,瀏覽器會自己選擇指定類型的字體。一般情況在指定字體的時候.把分類名稱放到最後面當備用字體

html標簽

html標簽的語義:

<div>,<span>沒有任何預設樣式和語義

<b>(加粗),<i>(斜體) 有預設樣式  沒有任何語義

<small>  有預設樣式 h5中語義:用來表示一些細則,比如合同中的小字,版權聲明等

<big>有預設樣式 無語義 已淘汰

<cite>有預設樣式 可以指明某內容的引用或參考,例如文章,圖書,電影,標題，書名  例:<p><cite>《七龍珠》</cite>講的是....<p>

<q>(行內引用)表示一個短的引用  例如 <p>孔子曰:<q>學而時習之</q></p>  有預設樣式,瀏覽器會自動加一個引號

<blockquote>(塊狀引用)表示一個長的引用  例如 <p>孔子曰:<blockquote>學而時習之</blockquote></p>  有預設樣式,瀏覽器會自動加一個引號

<sup>設置上標   比如 2²  則瀏覽器會顯示2的2次方  或者可以加個a標簽作為小備註

<sub>設置下標

<del>刪除線

<ins>  表示插入的內容  瀏覽器會自動加上下劃線

<pre>預格式標簽  常用語代碼的顯示

<code> 僅僅語義表示這裡面是一段代碼,但是格式並不會保留.所以通常與 pre標簽配合使用

ul,li無序列表

ol,li有序列表

dl,dd,dt 定義列表

註意:

一般情況下只會使用塊元素包裹行內元素,而不會用行內元素包裹塊元素

a 標簽可以包裹任意元素,除了它本身(無論是塊元素還是行內元素)

p元素不能包含其他的任何塊元素

元素與元素之間的關係:

元素與元素之間的關係:

父元素:直接包含子元素的元素

子元素:直接被父元素包含的元素

祖先元素:直接或間接包含後臺元素的元素(父元素也屬於祖元素)

後臺元素:直接或間接被祖元素包含的元素(子元素也是後臺元素)

兄弟元素:擁有相同父元素的元素叫做兄弟元素

什麼是偽類:

偽類專門用來表示元素的一種特殊的狀態

比如 訪問過的超鏈接,焦點文本框

什麼是偽元素

偽元素用來表示元素中的一些特殊的位置

html中em單位是什麼意思

和百分比類似,它是相對於當前元素的字體大小來計算的.1em=1個font-size

原文地址:http://www.qingzhouquanzi.com/100.html

筆記來源於 b站 尚矽谷 html5課程103集