HTML5基礎

主體

一個簡單的網頁 一般是由是由< head >標簽，和< body >標簽兩個標簽組成。

< head>標簽：

< head >（< head >< /head >)
標簽負責定義文檔頭部，定義，描述了文檔的各種屬性，也可以包含文檔的信息，標題，和其他文件（如css，js文件）的關系等等，在此標簽內的代碼，不會在網頁中顯示出來，只是作為屬性隱藏在內部。

常用子標簽

< meta >標簽

< meta > (< meta >< /meta >)元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。
< meta > 標簽位于文檔的頭部，不包含任何內容。< meta > 標簽的屬性定義了與文檔相關聯的名稱/值對。

屬性

http-equiv:規定 HTML 文檔的字符集。
content:規定HTML所用字符集。

< title >標簽

< title >(< title >< /title >)標簽定義了文檔標題,他會在打開網頁時出現在網頁名稱處，比如：

< title >寫文章-CSDN博客< /title >

< link >標簽

< link >(< link >< /link >)標簽可用于連接本文檔與外部文檔。

屬性

rel：用于定義兩文檔的關系。
href：標注所連接文檔的地址，可用絕對地址和相對地址。

< body >標簽

< body >(< body >< /body >)標簽內部包含了此網頁的主體，在< body >中的代碼都會轉換成網頁顯示給讀者，包括標題，文本，圖片，超鏈接等。

常用標簽

用于顯示字符的標簽

h標簽

定義標題，分h1、h2、h3、h4、h5、h6，標題由1到6逐漸變小。

span標簽

用于組合文檔的行內元素，也可用于顯示字符，span的長度由內部文字長度決定，它沒有固定的樣式。

p標簽

用于顯示字符時會自動在其前后創建一些空白。

div標簽

也可用于顯示字符，在不修改其屬性時，div標簽獨占一行。

用于顯示圖片的標簽

img標簽

插入圖片的格式：
< img src=“xxx” >
src內為圖片地址，同href標簽插入地址一樣分為絕對地址和相對地址。

錨點

定義錨點 < a name=“test” >test< /a >
定位到錨點 < a heaf="#teat" >test< /a >

頁面布局

先規劃出網頁的大致布局，其中每一個部分一般用div標簽規劃出模塊，通過對標簽屬性的設置，使其達到想要的布局。

總結

以上是生活随笔為你收集整理的HTML5基本框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。