前端小白入門學(xué)習(xí)包02基礎(chǔ)合集_第1頁(yè)
前端小白入門學(xué)習(xí)包02基礎(chǔ)合集_第2頁(yè)
前端小白入門學(xué)習(xí)包02基礎(chǔ)合集_第3頁(yè)
前端小白入門學(xué)習(xí)包02基礎(chǔ)合集_第4頁(yè)
前端小白入門學(xué)習(xí)包02基礎(chǔ)合集_第5頁(yè)
已閱讀5頁(yè)，還剩31頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、HTML基礎(chǔ)學(xué)習(xí)內(nèi)容 HTML概念 了解HTML發(fā)展史 基礎(chǔ)語(yǔ)法 常用（段落、圖片、等） 結(jié)合小例子什么是HTMLHTML（Hypertext Markup Language）即超文本標(biāo)記語(yǔ)言HTML發(fā)展史HTML特點(diǎn) HTML不需要編譯，直接由瀏覽器執(zhí)行 HTML文件是一個(gè)文本文件 HTML文件必須使用html或者h(yuǎn)tm為文件名后綴 HTML大小寫不敏感，HTML和html一樣開發(fā)工具 sublimeHTML基礎(chǔ)語(yǔ)法課程內(nèi)容 HTML基本結(jié)構(gòu) HTML HTML元素 HTML屬性 注釋HTML基本結(jié)構(gòu)頭部信息 HTML文件網(wǎng)頁(yè)內(nèi)容HTML標(biāo)簽語(yǔ)法：<標(biāo)簽名> </標(biāo)簽名&g

2、t;例如：規(guī)范：<html>.</html>1、<和>括起來(lái)2、一般成對(duì)出現(xiàn)，分開始標(biāo)簽和結(jié)束標(biāo)簽結(jié)束標(biāo)簽比開始標(biāo)簽多了一個(gè)/3、單標(biāo)簽：沒有結(jié)束標(biāo)簽 <hr/>HTML元素的所有代碼，稱為HTML元素。從開始到結(jié)束HTML屬性語(yǔ)法：<屬性名2="值" . >. </名>名 屬性名1="值"HTML注釋 <!-這里是注釋-> 注釋在網(wǎng)頁(yè)中不顯示。DOCTYPE 文檔類型<！DOCTYPE><！DOCTYPE>必須放在HTML文檔第一行。不是HTML

3、網(wǎng)頁(yè)編碼設(shè)置當(dāng)網(wǎng)頁(yè)顯示出現(xiàn)亂碼時(shí)，在<head></head>之間添加：<meta http-equiv=“Content-Type” content=“text/html;charset=utf-8”/>注：utf-8、GB2312、gbk等編碼文字和段落標(biāo)題段落：<h1></h1><h6></h6>: <p> </p> align對(duì)齊屬性值換行: <br/>值描述left左對(duì)齊內(nèi)容。right右對(duì)齊內(nèi)容。center居中對(duì)齊內(nèi)容。justify對(duì)行進(jìn)行伸展，這樣每行都可以

4、有相等的長(zhǎng)度。文字和段落水平線: <hr/>屬性如下：屬性描述width設(shè)置水平線寬度，可以像素或百分比color設(shè)置水平線顏色align設(shè)置水平線居中對(duì)齊noshade設(shè)置水平線無(wú)陰影文字和段落文字斜體:<i></i> 、 <em></em> 加粗：<b></b> 、<strong></strong> 下標(biāo)：<sub>上標(biāo)：<sup>內(nèi)容：<ins> 刪除內(nèi)容：<del>特殊符號(hào)屬性顯示結(jié)果描述&lt;<小于號(hào)或顯示標(biāo)記&a

5、mp;gt;>大于號(hào)或顯示標(biāo)記&reg;®已&copy;©&trade;商標(biāo)&nbsp;Space不斷行的空白列表列表無(wú)序列表:<ul><li>列表項(xiàng)</li><li>列表項(xiàng)</li></ul>type屬性值：注：規(guī)定列表的項(xiàng)目符號(hào)類型，請(qǐng)使用樣式設(shè)置。值描述disc圓點(diǎn)square正方形circle空心圓列表有序列表:<ol><li>列表項(xiàng)</li><li>列表項(xiàng)</li></ol>type屬

6、性值：注：規(guī)定列表的項(xiàng)目符號(hào)類型，請(qǐng)使用樣式設(shè)置。值描述1數(shù)字1，2a小寫字母a , bA大寫字母A , Bi小寫羅馬數(shù)字iI大寫羅馬數(shù)字I列表定義列表：<dl><dt>定義列表項(xiàng)</dt><dd>列表項(xiàng)描述</dd><dd>列表項(xiàng)描述</dd><dt>定義列表項(xiàng)</dt><dd>列表項(xiàng)描述</dd></dl>注：<dl><dt><dd>組合使用。列表應(yīng)用場(chǎng)景圖像和超圖像語(yǔ)法：<img src=“” alt=“

7、” />img屬性：屬性值描述Src（必寫）URL顯示圖像的URLalt文字圖像替代文本height數(shù)值和百分比圖像的高width數(shù)值和百分比圖像的寬超語(yǔ)法：< a href=“”>內(nèi)容</a>屬性：屬性描述href地址target的目標(biāo)窗口_self、_blank、_top、_parenttitle提示文字name命名超定義錨（同一頁(yè)面）：< a href=“#錨名1”>目錄1 </a>< a href=“#錨名2”>目錄2 </a>< a href=“”name=“錨名1”>內(nèi)容</a>x

8、< a href=“”name=“錨名2”>內(nèi)容</a>x超定義錨（不同頁(yè)面）：< a href=“網(wǎng)頁(yè)名稱#錨名”></a>超電子郵件：< a href=“mailto:郵件地址”></a>圖像和超圖像語(yǔ)法：<img src=“” alt=“” />img屬性：屬性值描述Src（必寫）URL顯示圖像的URLalt文字圖像替代文本height數(shù)值和百分比圖像的高width數(shù)值和百分比圖像的寬超語(yǔ)法：< a href=“”>內(nèi)容</a>屬性：屬性描述href地址target的目標(biāo)窗口_self、_blank、_top、_parenttitle提示文字name命名超定義錨（同一頁(yè)面）：< a href=“#錨名1”>目錄1 </a>< a href=“#錨名2”>目錄2 </a>< a href=“”name=“錨名1”>內(nèi)容</a>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論