html

----------------------------------------

html基本結構

body中的各種標簽組件：

1、正文中的標題標簽：h1~h6

要注意的是：

1)

的字體最大，

字最小。跟標簽的size屬性是反的，size值為1最小，值為7最大。

2)必須是獨占一行

3)使用

到

標簽，會讓文字變大變粗。但千萬不要因為想讓文字變大變粗就給他加一個標題標簽，這是錯誤！你可以使用或標簽來實現

4)搜索引擎會把文章中出現的

到

標簽來作為文章的結構與主次，從而進行索引。懂seo的朋友就知道，這個很重要！

2、段落與換行：

換行標記：

段落標記：

把p標記中的文本當做一段文字, 一段文件完畢之后, 會自然換行.

3、分割線：

---

屬性：

width： 寬度? 300px? ?；50% 占用父標記寬度的百分比

align： 對齊方式：left? ? 居左; center? 居中; right? ?居右

4、圖片標簽：? (單標記)：可以在頁面中顯示一張圖片

屬性：

src：指定目標圖片的路徑

width：寬度? ? ?px

height：高度

寬高同時設置時會出現失真的現象,若需要等比例 縮放,則只需要設置其中一個即可.

路徑：

①絕對路徑：

操作系統絕對路徑：windows： 以盤符開頭的路徑為絕對路徑；c：\Program Files\xxxx.jpg

linux / Unix / Mac： 以/(根目錄)開頭的路徑為絕對路徑

/home/soft01/xxx.jpg：網絡端絕對路徑：

以http：//開頭的url路徑： http：//tts6.tarena.com.cn/xxx.jpg

②相對路徑：

指的是通過當前html文檔和目標文件生成的路徑.

相對路徑也可以指向目標文件.

不以盤符和/(根目錄)開頭的路徑：

網頁所支持的圖片格式：

JPG/JPEG：? 體積小? ? 圖像有較小的失真

png：? 顯示顏色種類較多? 體積較大? ? 圖像保存完好

gif：? 支持動態圖? 體積小? 顯示的顏色非常少

png/gif：? 支持透明色

jpg：? 不支持

5、a鏈接：

鏈接文本

屬性：href： 點擊鏈接之后跳往的目標地址

點擊圖片跳轉 ：

HTML web前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。