|
第一次接觸 HTML 設(shè)計(jì)的可以先看看前面幾期的內(nèi)容：《HTML簡(jiǎn)介》 ,、《HTML的標(biāo)簽和屬性》,、《HTML的常用標(biāo)簽和屬性（2）》，這里是 HTML 基礎(chǔ)教程的最后一期（沒(méi)錯(cuò),，一共就四期，所以你不用覺(jué)得它有多難）,。 html 的基本結(jié)構(gòu)下面是一個(gè)標(biāo)準(zhǔn)的 HTML 文檔結(jié)構(gòu)：<!DOCTYPE html> //文檔類(lèi)型聲明 <html xmlns=”http://www./1999/xhtml> //xmlns 命名空間 <head> //頁(yè)面頭部起始標(biāo)簽 <meta charset="UTF-8"> //charset 編碼格式 <title>Document</title> //頁(yè)面標(biāo)題欄 </head> //頁(yè)面頭部閉合標(biāo)簽 <body> //頁(yè)面內(nèi)容起始標(biāo)簽 //這里是寫(xiě)網(wǎng)頁(yè)內(nèi)容代碼的位置 </body> //頁(yè)面內(nèi)容閉合標(biāo)簽 </html> //html閉合標(biāo)簽 <!DOCTYPE> 標(biāo)簽 <!DOCTYPE> 聲明指的是該頁(yè)面是使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的,。 這里的 html 后面沒(méi)有版本號(hào)所以默認(rèn)的就是最新版本。 <html>標(biāo)簽 告知瀏覽器其自身是一個(gè) HTML 文檔,。
<head>標(biāo)簽 用于定義文檔的頭部,，它是所有頭部元素的容器,。頁(yè)面的標(biāo)題等內(nèi)容都寫(xiě)在這個(gè)標(biāo)簽里。 <meta>標(biāo)簽 <meta> 元素可提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞,。
<title>標(biāo)簽 網(wǎng)頁(yè)標(biāo)題。 <body>標(biāo)簽 定義文檔的主體,。 網(wǎng)頁(yè)中的所有內(nèi)容代碼都寫(xiě)在這里,。 常用格式標(biāo)簽
實(shí)戰(zhàn)：編寫(xiě)一個(gè)留言板的 HTML 頁(yè)面下面我們根據(jù)前幾期所講過(guò)的內(nèi)容：HTML簡(jiǎn)介 ,、HTML的標(biāo)簽和屬性、HTML的常用標(biāo)簽和屬性（2）及上面所提到的內(nèi)容及來(lái)寫(xiě)一個(gè)標(biāo)準(zhǔn)的 HTML 文件,。 代碼： <!DOCTYPE html> <html lang="zh-cmn"> <head> <meta charset="UTF-8"> <title>留言本</title> </head> <body> <!-- 發(fā)表留言區(qū) --> <div> <textarea cols="50" rows="5"></textarea> <br/> <input type="text"/> <input type="submit" value="發(fā)表留言"/> </div> <!-- 顯示留言區(qū) --> <div> <div> 用戶(hù)名1,、留言時(shí)間1 <br/> 留言?xún)?nèi)容1 </div> <div> 用戶(hù)名2、留言時(shí)間2 <br/> 留言?xún)?nèi)容2 </div> </div> </body> </html>
效果： 到這里 HTML 的基本語(yǔ)法就算是基本完了,。 關(guān)于 HTML 語(yǔ)言中的其它代碼寫(xiě)法跟我們這幾期所講到的基本類(lèi)似,，所不同的就只是 HTML 的元素、屬性及屬性值的作用不同而已,。 所以現(xiàn)在大家已經(jīng)具備基本的前端 HTML 開(kāi)發(fā)能力了,。 如果想要深入學(xué)習(xí)也只需要自行去 http://www.w3school.com.cn 查詢(xún)并了解相關(guān)元素、屬性及屬性值的作用就行了,。 更多分享 0 基礎(chǔ)教程丨PHP 網(wǎng)站開(kāi)發(fā) MAC 系統(tǒng)怎么搭建自帶的 PHP 開(kāi)發(fā)環(huán)境 HTML丨基本結(jié)構(gòu)與常用格式標(biāo)簽 HTML丨網(wǎng)頁(yè)編輯實(shí)戰(zhàn) CSS丨網(wǎng)頁(yè)美化實(shí)戰(zhàn) 效率工具 小眾電影 0 基礎(chǔ)教程丨小程序開(kāi)發(fā) |
|
|
來(lái)自： CKO養(yǎng)成計(jì)劃 > 《待分類(lèi)》
