【Vichy的建館日記 #1】html基礎(chǔ)（1）
【我來到這個世界的第二天】
一步實際運(yùn)動比一打綱領(lǐng)更為重要。
所以我要做的是在今天邁出第一步。
*標(biāo)簽
1.雙標(biāo)簽（大多數(shù)）例：<html></html>
2.單標(biāo)簽（少數(shù)） 例：<br/>
*標(biāo)簽關(guān)系
1.包含關(guān)系（父子關(guān)系）例：
<head>
????????????<title></title>
</head>
2.并列關(guān)系（兄弟關(guān)系）例：
<head></head>
<body></body>
*基本結(jié)構(gòu)標(biāo)簽
<html></html> 根標(biāo)簽
<head></head> 文檔頭部
<title></title> 文檔標(biāo)題
<body></body> 文檔主體
*常用標(biāo)簽
標(biāo)簽語義
標(biāo)題標(biāo)簽<h1> ....<h6>
重要程度遞減，字號遞減
段落標(biāo)簽<p></p>
自動換行且行之間保有空隙
換行<br/>
強(qiáng)制換行
*文本格式化標(biāo)簽：
突出重要性，比普通文字更重要
<strong></strong> 加粗
<em></em> 傾斜
<del></del>刪除線
<ins></ins> 下劃線
*<div></div>&<span></span>
無語義，相當(dāng)于一個用來裝內(nèi)容的盒子
<div>大盒子，一行只能有一個</div>
<span>小盒子，一行能有多個</span>
*圖像
格式 ：<img src="images/2.PNG" />
src（必須屬性）：路徑和文件名
其他屬性：
alt 替換文本：圖像不能顯示的時候出現(xiàn)的文字
title 提示文本：鼠標(biāo)移動到圖像上的時候出現(xiàn)的文字
width：寬
height：高
border：邊框粗細(xì)
（3，4，5中單位均為像素）
多個屬性均寫在img后面，不分先后，格式為key = "value"
例：<img?src="image/2.jpg" width="1024" height="473"? / >
*路徑
相對路徑：
同一級 無特殊符號
上一級 ../
下一級 /
絕對路徑 例：C:/Vichy/image/1.jpg
*超鏈接<a></a>
格式：<a? href="跳轉(zhuǎn)目標(biāo)"? target="彈出方式" > 文本或圖像 </a>
*target:?
_self 默認(rèn)彈出方式
_blank 新窗口中打開
*鏈接方式：文本，圖像，表格，音頻都可以添加
外部鏈接 例：<a href="https://www.bilibili.com";> bilibili </a>
內(nèi)部鏈接?例：<a href="1.html"> 1 </a>
空鏈接?例：<a href="#"> 首頁 </a>
下載鏈接?如果href里面地址為一個文件或者一個壓縮包，那么該鏈接會下載這個文件
錨點鏈接?：快速定位
href中，設(shè)置#名字的形式 例：<a href="#home"> 首頁 </a>
目標(biāo)位置：<h1 id="home"></h1>
*注釋
<!--注釋內(nèi)容--> 注釋內(nèi)容不會被執(zhí)行
*特殊字符
我做好了建立藏書館的第一步。
向下挖一塊地基。
可是它還不夠深，遠(yuǎn)遠(yuǎn)不夠。
但明天的我也會做的更多。
