一.一個有具體功能的完整的網(wǎng)頁,一般由3部分組成
- (1).HTML :網(wǎng)頁的內(nèi)容和結(jié)構(gòu):比如房子的框架
- (2).CSS: 網(wǎng)頁的樣式 (美化網(wǎng)頁最重要的一塊)
- (3).JavaScript(很重要) :網(wǎng)頁的交互效果,比如對鼠標(biāo)事件作出響應(yīng)
下面是一個重要的學(xué)習(xí)地址
二.HTML5講解
(1).什么是HTML??
答:HTML5的全稱是 HyperText Markkup Language ,超文本標(biāo)記語言,其實(shí)它就是文本,由瀏覽器將它解析成具體的網(wǎng)頁內(nèi)容
如下:
-
HTML5的組成
跟
XML類似,HTML是由N個標(biāo)簽 (節(jié)點(diǎn),元素,標(biāo)記) 組成 HTML語法非常松散,目前的最新版本是5.0,也就是HTML5
三.HTML常用標(biāo)簽的介紹
(1).標(biāo)題標(biāo)簽
h1,h2,h3,h4,h5,h6 六個等級 字體依次減小
(2).表單標(biāo)簽 input
<input +屬性>
(3).段落標(biāo)簽
<p>加內(nèi)容</p>
(4).圖像標(biāo)簽
<img src="路徑" alt="提示文字" width="寬高等比例">
相對路徑:http:// https:// ftp:// file://(如此的表示)
網(wǎng)絡(luò)圖片
<img src="http://dh1.kimg.cn/tms/images/4b/4b2cc2bbaa00c2c42cd7683d88bde65a.jpg" alt="提示文字" width="200">
絕對路徑:" .. " :是文件夾名稱 ..//..//（如此的表示）
<!--本地的圖片-->
<img src="img/王沖.jpg" alt="王沖" width="200">
效果圖如下:
(5).換行標(biāo)簽
<br>,想換多行就多謝幾個<br>
(6).超鏈接標(biāo)簽
這里 "#" 跳轉(zhuǎn)代表當(dāng)前的頁面
<a href="#">我是超鏈接標(biāo)簽</a> "放鏈接"
<a >我是超鏈接標(biāo)簽</a>
target="_blank" 新建一個空白來加載下面的鏈接
<a target="_blank">我是超鏈接標(biāo)簽</a>
效果:
(7).列表標(biāo)簽
無序列表(左邊的點(diǎn)點(diǎn)取消需要CSS):無序列表是一個項(xiàng)目的列表，此列項(xiàng)目使用粗體圓點(diǎn)（典型的小黑圓圈）進(jìn)行標(biāo)記。無序列表始于
ur是一個大的列表的啟始
<ur>
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>
</ur>
有序列表:有序列表也是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。有序列表始于標(biāo)簽<ol>。每個列表項(xiàng)始于<li>標(biāo)簽。
(7).另外一種換行標(biāo)簽
<hr>
(8).最重要的一個標(biāo)簽 <div> 類似ios里面的 UIView
<div> 很純凈,它是一個容器標(biāo)簽:里面可以嵌套div,hr等等,可以隨意改造,里面可以隨意嵌套,不影響性能,唯一影響性能的是里面的內(nèi)容
如下所示:(隨意嵌套)
" <div>
我是div我是div我是div我是div
<ur>
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>
</ur>
<p>我是段落標(biāo)簽我是段落標(biāo)簽我是段落標(biāo)簽我是段落標(biāo)簽</p>
<p>我是段落標(biāo)簽我是段落標(biāo)簽我是段落標(biāo)簽我是段落標(biāo)簽</p>
<p>我是段落標(biāo)簽我是段落標(biāo)簽我是段落標(biāo)簽我是段落標(biāo)簽</p>
</div>
<div>我是div我是div我是div我是div</div>
<div>我是div我是div我是div我是div</div>
<div>我是div我是div我是div我是div</div>
<div>我是div我是div我是div我是div</div>""
分析一下src與href的區(qū)別
src引用:引用的資源是必須的,不用src圖片就出不來
href引入: 非必須
單標(biāo)簽和雙標(biāo)簽
單標(biāo)簽:不可以放東西
雙標(biāo)簽:可以放東西,類似容器,可以放東西
