[TOC] # 標簽 ## 單標簽 ~~~ 注釋標簽 <!-- --> 換行標簽 <br /> 水平線標簽 <hr /> ~~~ ## 雙標簽 推薦的是語義更強烈 ~~~ 段落 <p>內容</p> 標題 h1-h6 (注意h1標簽在一個頁面里面只能出現一次) 文本 <font>文本內容</font> 加粗 <strong></strong> <b></b> (盡量用strong) 傾斜 <em></em> <i></i> (盡量用em) 刪除線 <del></del> <s></s> (盡量用del) 下劃線 <ins></ins> <u></u> (盡量用ins) 用哪些推薦的,是因為更有語義化 ~~~ ## 圖片標簽 ~~~ <img src="./1.jpg" alt="圖片" title="人物" width="300" height="500" /> ~~~ ~~~ src 圖片的來源 必寫屬性 alt 替換文本 圖片不顯示的時候顯示漢子 title 提示文本 鼠標放到圖片上顯示的文字 width 圖片寬度 height 圖片高度 border 數字,設置圖像邊框的寬度 ~~~ 圖片沒有定義寬高的時候，圖片按照百分之百比例顯示，如果只更改圖片的寬度或者高度，圖片等比例縮放 # 音樂標簽 ~~~ <embed src="1.mp3" hidden="true"> ~~~ # 滾動  # 關鍵字 ~~~ <meta name="keywords" content="人物,肖像"> ~~~ # 網頁描述 ~~~ <meta name="description" content="一些圖片"> ~~~ # 網頁重定向 ~~~ <meta http-equiv="refresh" content="5; http://baidu.com"> ~~~ # 鏈接外部樣式表 ~~~ <link rel="stylesheet" href="1.css"> ~~~ # 設置icon圖標 ~~~ <link rel="icon" href="favicon.ico"> ~~~ # 特殊字符  # font屬性 ~~~ 選擇器{font: font-style font-weight font-size/line-height font-family;} ~~~ 要按照順序寫 不需要的屬性可以省略,但是必須保留`font-size`和`font-family`屬性 ## font-style:字體風格 字體傾斜除了用 i 和 em 標簽之外，可以使用CSS 來實現，但是CSS 是沒有語義的。 font-style屬性用于定義字體風格，如設置斜體、傾斜或正常字體，其可用屬性值如下： * normal：默認值，瀏覽器會顯示標準的字體樣式。 * italic：瀏覽器會顯示斜體的字體樣式。 * oblique：瀏覽器會顯示傾斜的字體樣式。 ## font-weight:字體粗細 字體加粗除了用 b 和 strong 標簽之外，可以使用CSS 來實現，但是CSS 是沒有語義的。 ~~~html font-weight屬性用于定義字體的粗細，其可用屬性值：normal、bold、bolder、lighter、100~900（100的整數倍）。 ~~~ ## font-family:字體 font-family屬性用于設置字體。網頁中常用的字體有宋體、微軟雅黑、黑體等，例如將網頁中所有段落文本的字體設置為微軟雅黑，可以使用如下CSS樣式代碼： `p{ font-family:"微軟雅黑";}` 可以同時指定多個字體，中間以逗號隔開，表示如果瀏覽器不支持第一個字體，則會嘗試下一個，直到找到合適的字體。 ## font-size:字號大小 font-size屬性用于設置字號，該屬性的值可以使用相對長度單位，也可以使用絕對長度單位。其中，相對長度單位比較常用，推薦使用像素單位px，絕對長度單位使用較少