01-基本標籤，img和a標籤的使用

HTML-01

• 基本標籤
  • < h1>…< h6> （標題標籤）
  • < p>（段落標籤）
  • < hr/>（水平分隔線標籤）
  • < br/>
  • < strong>…< /strong> (加粗標籤)
  • < em>…< /em>(斜體標籤)
• 註釋和特殊符號
• img（圖片標籤）
• a（超鏈接標籤）
• 相對路徑與絕對路徑

（基本標籤）
一般在寫文章的時候都有標題和內容

<h1>標題標籤1</h1>
<p>內容標籤1</p>
<h3>標題標籤3</h3>
<p>內容標籤3</p>

假如要是我們想換行，直接在html格式的文件裏面按回車鍵在網頁上是不顯示換行的 那麼我們需要用< br/>標籤來換行

//在標題標籤與段落標籤都是塊級標籤會自動換行的 假如要是我們在段落標籤（p）裏面想要換行的話直接按回車鍵，
//雖然你在html格式的文件中能夠看到是換了行的，但是在頁面上是沒有換行的，所以我們需要使用< br/>標籤:
< h1>這是我們第一個換行</h1>
< p>
	我覺得在這種關鍵時候需要換行< br/>
	現在怎麼說都已經換行了，你也是我的人啦
</p>
< hr/> //水平分割線

字體樣式標籤

<p>
	我後面的一截是加粗的<strong>我是比平常的要粗一點</strong>
	我後面的一截是斜體哦<em>我是斜體哦思密達</em>
</p>

（img標籤）

一個最簡潔的一個img  src : 圖片位置
< img src="li_line.gif" >

名稱	值	描述
align	top,bottom,middle,left,right	HTML5 不支持。HTML 4.01 已廢棄。 規定如何根據周圍的文本來排列圖像。
alt	text	規定圖像的替代文本。(如果要是圖片顯示不出來就會顯示圖像)
border	pixels	HTML5 不支持。HTML 4.01 已廢棄。 規定圖像周圍的邊框。
crossorigin	anonymous,use-credentials	設置圖像的跨域屬性
height	pixels	規定圖像的高度。
hspace	pixels	HTML5 不支持。HTML 4.01 已廢棄。 規定圖像左側和右側的空白。
ismap	ismap	將圖像規定爲服務器端圖像映射。
longdesc	URL	HTML5 不支持。HTML 4.01 已廢棄。 指向包含長的圖像描述文檔的
src	URL	規定顯示圖像的 URL。
usemap	#mapname	將圖像定義爲客戶器端圖像映射。
vspace	pixels	HTML5 不支持。HTML 4.01 已廢棄。 規定圖像頂部和底部的空白。
width	pixels	規定圖像的寬度。

（a標籤）超鏈接

//一個簡潔的超鏈接 href : 跳轉位置
< a href="index.html" />

屬性名	值	描述
charset	char_encoding	HTML5 中不支持。規定被鏈接文檔的字符集。
coords	coordinates	HTML5 中不支持。規定鏈接的座標。
download	filename	規定被下載的超鏈接目標。
href	URL	規定鏈接指向的頁面的 URL。
hreflang	language_code	規定被鏈接文檔的語言。
media	media_query	規定被鏈接文檔是爲何種媒介/設備優化的。
name	section_name	HTML5 中不支持。規定錨的名稱。
rel	text	規定當前文檔與被鏈接文檔之間的關係。
rev	text	HTML5 中不支持。規定被鏈接文檔與當前文檔之間的關係。
shape	default,rect,circle,poly	HTML5 中不支持。規定鏈接的形狀。
target	_blank,_parent,_self,_top,framename	規定在何處打開鏈接文檔。
type	MIME,type	規定被鏈接文檔的的 MIME 類型。

相對路徑與絕對路徑

• 就來個比喻吧
  • 就好比教室裏的課桌
    • 絕對路徑：第二排的第三個（類似這樣的就是絕對路徑）
    • 相對路徑：第二排的第三個的後面（類型這樣的是相對路徑，就是相對第二排的第三個的後面的一個嘛）
  • 在本地磁盤的路徑
    • 絕對路徑：C:\Users\www\Pictures\Criterion Games\index.html
    • 相對路徑：以index.html爲對比點與目標位置
  • PS：返回相對路徑返回上一級…/