整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢(xún)熱線(xiàn):

          HTML 之簡(jiǎn)介

          TML 實(shí)例

          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥(niǎo)教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>

          實(shí)例解析

          • DOCTYPE 聲明了文檔類(lèi)型

          • 位于標(biāo)簽 <html> 與 </html> 描述了文檔類(lèi)型

          • 位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁(yè)內(nèi)容

          • 位于標(biāo)簽 <h1> 與 </h1> 作為一個(gè)標(biāo)題使用

          • 位于標(biāo)簽 <p> 與 </p> 作為一個(gè)段落顯示

          <!DOCTYPE html> 在HTML5中也是描述了文檔類(lèi)型。

          什么是HTML?

          HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

          • HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language

          • HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言

          • 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)

          • HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)

          • HTML 文檔包含了HTML 標(biāo)簽文本內(nèi)容

          • HTML文檔也叫做 web 頁(yè)面

          HTML 標(biāo)簽

          HTML 標(biāo)記標(biāo)簽通常被稱(chēng)為 HTML 標(biāo)簽 (HTML tag)。

          • HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,比如 <html>

          • HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的,比如 <b> 和 </b>

          • 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽

          • 開(kāi)始和結(jié)束標(biāo)簽也被稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽

          <標(biāo)簽>內(nèi)容</標(biāo)簽>

          HTML 元素

          "HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.

          但是嚴(yán)格來(lái)講, 一個(gè) HTML 元素包含了開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽,如下實(shí)例:

          HTML 元素:

          <p>這是一個(gè)段落。</p>

          Web 瀏覽器

          Web瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文件,并將其作為網(wǎng)頁(yè)顯示。

          瀏覽器并不是直接顯示的HTML標(biāo)簽,但可以使用標(biāo)簽來(lái)決定如何展現(xiàn)HTML頁(yè)面的內(nèi)容給用戶(hù):

          HTML 網(wǎng)頁(yè)結(jié)構(gòu)

          下面是一個(gè)可視化的HTML頁(yè)面結(jié)構(gòu):

          <html>

          <head>

          <title>頁(yè)面標(biāo)題</title>

          </head>

          <body>

          <h1>這是一個(gè)標(biāo)題</h1>

          <p>這是一個(gè)段落。</p>

          <p>這是另外一個(gè)段落。</p>

          </body>

          </html>

          只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。

          HTML版本

          從初期的網(wǎng)絡(luò)誕生后,已經(jīng)出現(xiàn)了許多HTML版本:

          版本發(fā)布時(shí)間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013

          <!DOCTYPE> 聲明

          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁(yè)。

          網(wǎng)絡(luò)上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網(wǎng)頁(yè)內(nèi)容。

          doctype 聲明是不區(qū)分大小寫(xiě)的,以下方式均可:

          <!DOCTYPE html>

          <!DOCTYPE HTML>

          <!doctype html>

          <!Doctype Html>

          通用聲明

          HTML5

          <!DOCTYPE html>

          HTML 4.01

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          "http://www.w3.org/TR/html4/loose.dtd">

          XHTML 1.0

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          查看完整網(wǎng)頁(yè)聲明類(lèi)型 DOCTYPE 參考手冊(cè)。

          中文編碼

          目前在大部分瀏覽器中,直接輸出中文會(huì)出現(xiàn)中文亂碼的情況,這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。

          HTML 實(shí)例

          <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁(yè)面標(biāo)題</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          心編寫(xiě)的商品描述可以讓買(mǎi)家想象自己使用或者擁有該產(chǎn)品的體驗(yàn)。我們要設(shè)身處地地為買(mǎi)家著想:讓他們能夠感受、觸摸、得到或者看到什么。如果你的產(chǎn)品描述做到了,那么爆單的就是你了。

          商品描述(Product Description):

          商品描述是對(duì)產(chǎn)品更深入的文字說(shuō)明。詳情描述不僅僅是對(duì)商品功能更詳細(xì)的介紹,更是對(duì)商品要點(diǎn)的補(bǔ)充。商品描述比商品要點(diǎn)更加具體和詳細(xì),更像是寫(xiě)文案詳情。

          商品描述的基本原則:

          1、充分了解自己產(chǎn)品的5點(diǎn)屬性、重要賣(mài)點(diǎn),寫(xiě)法主要是5點(diǎn)特征描述的延伸。

          2、可以著重寫(xiě)出產(chǎn)品使用方法和使用環(huán)境,產(chǎn)品的體驗(yàn),注意事項(xiàng),售后服務(wù)等。

          3、如果產(chǎn)品的保證配件比較多,或者我們的售后服務(wù)比競(jìng)爭(zhēng)對(duì)手好,也可以寫(xiě)在大描述里面。

          4、詳細(xì)描述位置可以使用HTML代碼為描述編輯格式(一般用到的是加粗和分段)。

          商品描述HTML代碼:

          沒(méi)使用HTML代碼的賣(mài)家,前臺(tái)顯示

          使用了HTML代碼的賣(mài)家,前臺(tái)顯示

          描述中常用的的HTML代碼:

          1、換行

          第一行內(nèi)容

          第二行內(nèi)容

          第三行內(nèi)容

          2、 加粗

          需要加粗的內(nèi)容

          3、分段 或者

          第一段內(nèi)容

          第二段內(nèi)容

          或者:

          第一段內(nèi)容

          第二段內(nèi)容

          描述中常用的的可愛(ài)


          主站蜘蛛池模板: 成人在线观看一区| 国产成人精品无码一区二区三区| 久久国产午夜精品一区二区三区| 中文字幕一区二区三匹| 一区二区三区免费视频播放器| 亚洲熟妇无码一区二区三区导航| 国产福利视频一区二区| 一区二区在线免费视频| 中文字幕日韩欧美一区二区三区| 69福利视频一区二区| 丝袜无码一区二区三区| 一区五十路在线中出| 亚洲日韩国产一区二区三区 | 无码精品前田一区二区| 成人h动漫精品一区二区无码| 亚洲熟妇无码一区二区三区导航| 在线观看亚洲一区二区| 末成年女A∨片一区二区| 无码AV天堂一区二区三区| 国产一区二区精品| 性色A码一区二区三区天美传媒| 狠狠色婷婷久久一区二区三区| 国产精品 视频一区 二区三区| 亚洲AV日韩精品一区二区三区| 国产福利电影一区二区三区,亚洲国模精品一区 | 日韩人妻一区二区三区免费| 精品福利一区二区三| 久久综合精品不卡一区二区| 无码精品人妻一区二区三区漫画| 久久精品一区二区免费看| 久久久无码精品国产一区| 久久综合亚洲色一区二区三区 | 伊人色综合一区二区三区| 久久精品视频一区二区三区| 一区二区三区视频在线| 3D动漫精品一区二区三区| 国产第一区二区三区在线观看| 一区二区三区免费看| 鲁丝片一区二区三区免费| 国产日韩精品视频一区二区三区| 另类ts人妖一区二区三区|