html筆記 標簽屬性、圖像和鏈接、超鏈接
阿新 • • 發佈：2019-01-27
一條直線 -a www. 相對 分類 tle wid tor html筆記
<b>加粗</b> <i>斜體</i> <u>下劃線</u> <s>刪除線</s> <sup>上標</sup> <sub>下標</sub>
<h1>一級標題</h1> <h2>二級標題</h2> <h3>三級標題</h3> 屬性:文本的水平對齊方式 取值 ：left、center、right
<p></p> 屬性:align:left、center、right demo <p align="right">the first paragraph</p> <p>the second paragraph</p>
分割線
分區元素 塊分區元素 語法：<div></div> 布局 行內分區元素 語法：<span></span>設置同一行文字內的不同樣式
<span>鵝鵝鵝</span> <span>鵝鵝鵝</span>
行內元素 與 塊級元素 按照元素們的表現形式來分類，分為行內元素和塊級元素 行內元素：在一行 內允許顯示多個元素的，叫行內元素 span,i,b,s,u,sup,<sub></sub> 作用：包裹文本，並處理文本的形式 塊級元素：每個元素獨占一行顯示的，叫級元素 div,p,<h1>,h1,h2,h3 作用：布局
註意 1、p標記不能嵌套其他的塊級元素 2、行內元素中最好不要嵌套塊級元素
2、相對路徑(重點)場合：使用本機文件時使用 從當前文件位置處開始查找資源文件所經過的路徑 1、同目錄，直接用 2、子目錄，先進入 / 3、父目錄，先返回 ../ 3、跟相對路徑 路徑顯示是以 /作為開始的。 /:表示是服務器的跟路徑
2、圖像 1、圖像格式 wed中支持的圖像格式 1、*.jpg 2、*.gif 3、*.png 2、圖像的語法 標記:<img> 1、src:指定要顯示圖像 URL 2、width：圖像的寬度 3、height：圖像的高度 4、title：鼠標懸停時，要顯示的文本 demo <p>絕對路徑</p> <p> <img src="http://www.baidu.com/img/day1/33.jpg"> </p> <p>相對路徑</p> <p> <img src="/img/33.jpg"> </p> <p>跟相對路徑</p> <p> <img src="/XUFEI/month1/day1/33.jpg"</ </p>
HTML 標簽屬性：
<b></b>:加粗 <i></i>:斜體 <u></u>:下劃線 <s></s>:刪除線 <sup></sup>:上標 <sub></sub>:下標<b>加粗</b> <i>斜體</i> <u>下劃線</u> <s>刪除線</s> <sup>上標</sup> <sub>下標</sub>
<h1>一級標題</h1> <h2>二級標題</h2> <h3>三級標題</h3> 屬性:文本的水平對齊方式 取值 ：left、center、right
<p></p> 屬性:align:left、center、right demo <p align="right">the first paragraph</p> <p>the second paragraph</p>
分割線
分區元素 塊分區元素 語法：<div></div> 布局 行內分區元素 語法：<span></span>設置同一行文字內的不同樣式
<span>鵝鵝鵝</span> <span>鵝鵝鵝</span>
行內元素 與 塊級元素 按照元素們的表現形式來分類，分為行內元素和塊級元素 行內元素：在一行 內允許顯示多個元素的，叫行內元素 span,i,b,s,u,sup,<sub></sub> 作用：包裹文本，並處理文本的形式 塊級元素：每個元素獨占一行顯示的，叫級元素 div,p,<h1>,h1,h2,h3 作用：布局
註意 1、p標記不能嵌套其他的塊級元素 2、行內元素中最好不要嵌套塊級元素
圖像和鏈接
1、URL 目錄結構：目錄，保存文件的文件夾名稱 什麽是URL（uniform resource locator）統一資源定位器 用來標識資源文件的位置 1、URL在wed中的表現形式 1、絕對路徑：從文件的最高級目錄處開始查找資源文件所結過的路徑 使用場合：當想訪問互聯網上的資源時，只能使用絕對路徑 完整的絕對路徑四個部分 1、協議名 http 2、域名（主機名，IP地址）www.baidu.com 3、跟相對路徑 4、文件名 www.baidu.com/img/baidu_jgylogo3.gif2、相對路徑(重點)場合：使用本機文件時使用 從當前文件位置處開始查找資源文件所經過的路徑 1、同目錄，直接用 2、子目錄，先進入 / 3、父目錄，先返回 ../ 3、跟相對路徑 路徑顯示是以 /作為開始的。 /:表示是服務器的跟路徑
2、圖像 1、圖像格式 wed中支持的圖像格式 1、*.jpg 2、*.gif 3、*.png 2、圖像的語法 標記:<img> 1、src:指定要顯示圖像 URL 2、width：圖像的寬度 3、height：圖像的高度 4、title：鼠標懸停時，要顯示的文本 demo <p>絕對路徑</p> <p> <img src="http://www.baidu.com/img/day1/33.jpg"> </p> <p>相對路徑</p> <p> <img src="/img/33.jpg"> </p> <p>跟相對路徑</p> <p> <img src="/XUFEI/month1/day1/33.jpg"</ </p>
3、超鏈接
1、語法 標記：<a>內容</a> 屬性： 1、href:要鏈接的HTML頁面的URL 2、target：目標，指定新網頁的打開方式 取值： 1、—blank：在新標簽中打開網頁 2、_self:在自身標簽頁中打開新網頁 demo <h3>1、哈哈哈哈哈哈哈</h3> <a href="http://www.codeby.com">哈哈哈哈</a> <h3>2、在新標簽中打開</h3> <a href="http://www.codeby.com" target="_blank"><img src="/XUFEI/month1/day1/33.jpg"></a> 2、鏈接的表現形式 1、點擊操作時，完成資源下載的操作 鏈接的資源為zip/rar時則為下載操作<a href="day.rar">下載</a>html筆記 標簽屬性、圖像和鏈接、超鏈接