|
1、html5聲明文本類型 <!DOCTYPE html> 2、HTML基礎(chǔ)標(biāo)簽 head ###定義編碼格式 標(biāo)題 文字的顯示形式 <head lang ="en"> ###en 英文 zh 中文 <meta charset="utf-8">###編碼格式 瀏覽器會(huì)去承認(rèn)的編碼格式 [t'?ɑ:set] 字符集 <title>你好</title> ###瀏覽器頁簽上面的標(biāo)題 </head > <body > <h1> 標(biāo)題1</h1> ###h1到h6 標(biāo)題定義 <p> 段落hello world</p> ###段落 定義一段文字 如果在段落后面重新寫內(nèi)容，則會(huì)重啟一段。 <a >百度</a> ###超鏈接 點(diǎn)擊百度 會(huì)進(jìn)入鏈接的網(wǎng)址。 <img src= “gutt/nihao.png”> ###圖像 ；src 用于指定圖片的具體位置 只要在一個(gè)文件夾中即可 <body > Hypertext Reference的縮寫。意思是超文本引用 src:圖片地址
3、html元素 元素就是標(biāo)簽 開始標(biāo)簽 元素內(nèi)容 結(jié)束標(biāo)簽<br/> 空元素 換行 （一般要是空元素 只要在后面加反斜杠即可<p/> 在開始標(biāo)簽中進(jìn)行關(guān)閉） 大多數(shù)元素?fù)碛袑傩?br>大多數(shù)標(biāo)簽（內(nèi)容）可以嵌套 4、html屬性 元素為標(biāo)簽提供更多的屬性 屬性以鍵/值對(duì)的形式出現(xiàn) 通用屬性 class ##規(guī)定類名 id style ##規(guī)定樣式 title ###規(guī)定元素的額外信息 超鏈接的時(shí)候會(huì)用 一般用的比較少 <h1> align 對(duì)其方式 值：right left center up down <body> bgcolor 背景顏色 值：顏色值 background 背景圖片 <a> target 規(guī)定在何處打開鏈接 blank 打開新的標(biāo)簽；默認(rèn)：覆蓋；self :在當(dāng)前本地打開；top最外層標(biāo)簽; parent父標(biāo)簽; 5 html格式化 標(biāo)簽 <b> 定義粗體文本 <big> Html4中才有 大號(hào)字 <em> 著重字 <i> 斜體字 <small> 小號(hào)字 <strong> 加重語氣 <sub> 下標(biāo)字 <sup> 上標(biāo)字 <ins> 插入字 <del> 刪除字 6、html5樣式 <style> 樣式定義<link> 資源引用 屬性 屬性 rel 屬性值"stylesheet" 外部樣式表 屬性type 屬性值"text/css" 引入文檔類型 屬性margin-left 屬性值：邊距長度 屬性margin-right 屬性值：邊距長度 一般把關(guān)于樣式的操作，放在head中，集中更改；放在body里面也不算錯(cuò)誤 外部樣式表 <link rel="stylesheet" type ="text/css" href="mystyle.css">###外部引用一個(gè)名字為mystyle的CSS文件。 內(nèi)部樣式表 ###本文件內(nèi)修改樣式 <style type = "text/css"> body {background-color:red} ## body為body里面的一個(gè)元素 p {margin-right:20px} ## p 為body里面的一個(gè)元素 </style> 內(nèi)聯(lián)樣式表 ###在標(biāo)簽內(nèi)部修改樣式 <p style="color:red"> |
|
|
