第一天-建站基礎(chǔ)篇-總結(jié)

網(wǎng)絡(luò)營銷培訓(xùn)中心第一天建站基礎(chǔ)相關(guān)概念本章課程目標(biāo)學(xué)完本章課程后，你能夠：1、了解網(wǎng)站是做什么的，網(wǎng)站的構(gòu)成是那些？2、域名、虛擬空間、程序，以及備案。3、網(wǎng)站程序下載和上傳（DedeCMS）。4、了解營銷型網(wǎng)站的建站思路。5、主機屋注冊及虛擬空間開通。6、HTML相關(guān)標(biāo)簽及屬性一、什么是互聯(lián)網(wǎng)？

中文名稱：互聯(lián)網(wǎng)

英文名稱：internet

定

義：由多個計算機網(wǎng)絡(luò)相互連接而成，而不論采用何種協(xié)議與技術(shù)的網(wǎng)絡(luò)。

互聯(lián)網(wǎng)始于1969年的美國，又稱因特網(wǎng)。是美軍在ARPA（阿帕網(wǎng)，美國國防部研究計劃署）制定的協(xié)定下將美國西南部的大學(xué)UCLA(加利福尼亞大學(xué)洛杉磯分校)、StanfordResearchInstitute(斯坦福大學(xué)研究學(xué)院)、UCSB(加利福尼亞大學(xué))和UniversityofUtah(猶他州大學(xué))的四臺主要的計算機連接起來。這個協(xié)定由劍橋大學(xué)的BBN和MA執(zhí)行，在1969年12月開始聯(lián)機。互聯(lián)網(wǎng)的起源與發(fā)展1969，美國軍方網(wǎng)絡(luò)“ARPANET”（阿帕網(wǎng)）1971，電子郵件誕生，ARPANET進入大學(xué)1986，美國國家自然科學(xué)基金會成立網(wǎng)絡(luò)NSFNET1989,ARPANET解散，同時，NSFNET對公眾開放1992，WWW及瀏覽器誕生，互聯(lián)網(wǎng)商業(yè)化1995年，NSFNET正式宣布停止運行，商業(yè)化完成1994，中國正式加入互聯(lián)網(wǎng)2000，互聯(lián)網(wǎng)熱潮席卷全球（政、企、百姓上網(wǎng)）2003至今，互聯(lián)網(wǎng)進入工作生活各個領(lǐng)域中國互聯(lián)網(wǎng)的發(fā)展1987-1995----萌芽階段(300bps)中國第一份電子郵件發(fā)出（87.9.14~20）1995-1997----起步階段中國電信向社會提供互聯(lián)網(wǎng)接入服務(wù)1998-2000----快速發(fā)展階段網(wǎng)絡(luò)概念熱潮掀起，三大門戶美國上市2000.4.13sina；6.30NETS;7.12SOHU2001-2003----泡沫休整階段三大門戶股價大跌、眾多網(wǎng)絡(luò)公司倒閉；2004-至今----回歸理性發(fā)展階段三大門戶全面盈利，中國互聯(lián)網(wǎng)商業(yè)化時代到來；二、什么是域名？如何申請域名？什么是域名？

域名（DomainName），是由一串用點分隔的名字組成的Internet上某一臺計算機或計算機組的名稱，用于在數(shù)據(jù)傳輸時標(biāo)識計算機的電子方位（有時也指地理位置），一個域名，它定義的行政自主權(quán)，權(quán)力或控制互聯(lián)網(wǎng)的境界。域名是一個IP地址上的“面具”。一個域名的目的是便于記憶和溝通的一組服務(wù)器的地址（網(wǎng)站，電子郵件，F(xiàn)TP等）。

域名作為力所能及難忘的互聯(lián)網(wǎng)參與者的名稱，如電腦，網(wǎng)絡(luò)和服務(wù)。世界上第一個注冊的域名是在1985年1月注冊的。域名是唯一的，是企業(yè)商標(biāo)保護必備的產(chǎn)品

域名保護：趕驢網(wǎng)事件

域名（domainname）是Internet網(wǎng)絡(luò)上的一個服務(wù)器或一個網(wǎng)絡(luò)系統(tǒng)的名字，在全世界，沒有重復(fù)的域名，域名具有唯一性。

從技術(shù)上講，域名只是一個Internet中用于解決地址對應(yīng)問題的方法，是與網(wǎng)絡(luò)上的數(shù)字型IP地址相對應(yīng)的字符型地址。

從商業(yè)性講，域名被譽為“企業(yè)的網(wǎng)上商標(biāo)”，是企業(yè)商標(biāo)保護必備的產(chǎn)品之一。域名由什么組成？

一個完整的域名由域名主體和域名后綴兩部分組成，主體是用戶為網(wǎng)站所起的名字，后綴是根據(jù)網(wǎng)站類型而選擇的。以新浪域名sina.com為例，sina是域名主體，.com則是域名的后綴。

我們平時所說的域名即是指域名的后綴，注冊域名則是指用戶購買自定義的域名主體加上相應(yīng)的后綴的總和。域名有幾種類別？

1、按語種劃分，域名主要分英文域名和中文域名；2、按域名所在的域劃分，分為頂級域名、二級域名；3、按管理機構(gòu)劃分，分國際域名和國內(nèi)域名，國際域名是以.com、.net、.org等根域為后綴的域名；國內(nèi)域名是在它的后面再加上國家代碼，如以.cn為后綴的中國代碼；美國的后綴是.us;日本的后綴是.jp等;4、按照后綴的形式劃分，有代表企業(yè)的.co，代表政府的.gov，代表個人的.me，代表手機的.mobil等。注冊域名時需要注意什么？怎樣選擇域名？域名要簡單、易記，邏輯性強與企業(yè)商標(biāo)、產(chǎn)品名稱吻合；根據(jù)網(wǎng)站的性質(zhì)、用途選擇同一個域名注不同的后綴可用來確保公司品牌的唯一性，同時也可以是互聯(lián)網(wǎng)用戶更易找到域名購買兩年以上降低域名丟失的風(fēng)險，避免未來價格上漲帶來的經(jīng)濟損失，多年購買享受更多去哪注冊域名？如何選擇注冊商?

注冊服務(wù)商、代理商等注冊域名的渠道很多，都能夠為用戶提供域名注冊服務(wù)，但根據(jù)注冊商的大小、資質(zhì)不同，提供的服務(wù)也有很大差異，價格也不盡相同。（萬網(wǎng)、新網(wǎng)、35互聯(lián)）

有些用戶圖一時的便宜，選擇了沒有資質(zhì)的服務(wù)商，導(dǎo)致后期斷解析的狀況頻頻出現(xiàn)；有的因代理商管理混亂，經(jīng)常造成域名丟失；還有的因代理商企業(yè)倒閉，需要重新轉(zhuǎn)入到其他注冊商，問題繁多，苦不堪言；所以選擇一個好的注冊商非常的重要，它是一個網(wǎng)站穩(wěn)定發(fā)展的前提。（互易中國、美橙互聯(lián)、網(wǎng)聯(lián)中國等）域名注冊流程域名投資

域名投資是一種信息化發(fā)展趨勢下的電子商務(wù)終端投資行為。域名投資人則是具備豐富綜合知識能力的投資群體。域名投資涉及到全球范圍，不同國家，不同市場，不同行業(yè)，以及不同的目標(biāo)群體。這是一個學(xué)科式的投資模式，是一種以狙擊為目的的商業(yè)運作。

域名投資是指注冊和購買有價值的域名投資域名，然后轉(zhuǎn)讓獲利的行為。投資者一般被成為“玉米蟲”。例如：京東商城和3.cn(據(jù)說分別價值500萬左右，2013.3.30晚更換為)阿里巴巴阿里云支付寶/(已保護)藍橋計劃（身邊案例）

域名要素域名價值評估三要素：域名的結(jié)構(gòu)、單詞的影響力、市場性。關(guān)于后綴

在美國，“.com”的域名被認為是最好的，而相同的“.net”域名的價值只有“.com”域名價值的20%-25%，“.org”則只有10%。目前“.cn”也是10%左右。域名長度

一般地講，越短的域名越有價值。超過15個字符的域名不太可取。

連字符（-）會削弱域名的易輸入性，降低域名的價值。影響力

【例如，（京東）或者（新東方）】

1、容易被理解的域名，其價值就高。

2、和業(yè)務(wù)的關(guān)聯(lián)性

3、發(fā)音清晰

4、單詞的語調(diào)也能影響域名的價值。

5、給人印象和容易記憶什么是虛擬主機？

虛擬主機是在網(wǎng)絡(luò)服務(wù)器上劃分出一定的磁盤空間供用戶放置站點、應(yīng)用組件等，提供必要的站點功能、數(shù)據(jù)存放和傳輸功能。所謂虛擬主機，也叫“網(wǎng)站空間”，就是把一臺運行在互聯(lián)網(wǎng)上的服務(wù)器劃分成多個“虛擬”的服務(wù)器，每一個虛擬主機都具有獨立的域名和完整的Internet服務(wù)器（支持WWW、FTP、E-mail等）功能。虛擬主機的優(yōu)劣是什么？優(yōu)勢：

低成本是虛擬主機最大的優(yōu)點，它無需一次性投入大額的固定成本，簡單的操作環(huán)境也省去了專業(yè)技術(shù)人員的投入，適合個人網(wǎng)站和中小型網(wǎng)站使用。劣勢：

多用戶共享同一主機，資源無法保障。網(wǎng)站成熟后，主機硬件配置不便于擴展。域名解析域名解析是把域名指向網(wǎng)站空間IP，讓人們通過注冊的域名可以方便地訪問到網(wǎng)站一種服務(wù)。域名解析也叫域名指向、服務(wù)器設(shè)置、域名配置以及反向IP登記等等。常用類型解析1、A記錄解析記錄類型選擇“A”；記錄值填寫空間商提供的主機IP地址；MX優(yōu)先級不需要設(shè)置；TTL設(shè)置默認的3600即可?！?TimeToLive)生存時間】

2、CNAME記錄解析CNAME類型解析設(shè)置的方法和A記錄類型基本是一樣的，其中將記錄類型修改為“CNAME”，并且記錄值填寫服務(wù)器主機地址即可。

3、MX記錄解析MX記錄解析是做郵箱解析使用的。記錄類型選擇MX，線路類型選擇通用或者同時添加三條線路類型為電信、網(wǎng)通、教育網(wǎng)的記錄；記錄值填寫郵局商提供的服務(wù)器IP地址或別名地址；TTL設(shè)置默認的3600即可，MX優(yōu)先級填寫郵局提供商要求的數(shù)據(jù)，或是默認10，有多條MX記錄的時候，優(yōu)先級要設(shè)置不一樣的數(shù)據(jù)域名解析圖網(wǎng)站備案

網(wǎng)站備案是指向主管機關(guān)報告事由存案以備查考。行政法角度看備案，實踐中主要是《立法法》和《法規(guī)規(guī)章備案條例》的規(guī)定。網(wǎng)站備案的目的就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營活動，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話，很有可能被查處以后關(guān)停。網(wǎng)站備案備案方式：

公安局備案一般按照各地公安機關(guān)指定的地點和方式進行ICP備案可以自主通過官方備案網(wǎng)站在線備案或者通過當(dāng)?shù)仉娦挪块T兩種方式來進行備案。網(wǎng)站備案的目的：

就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營活動，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話，很有可能被查處以后關(guān)停。非經(jīng)營性網(wǎng)站自主備案是不收任何手續(xù)費的，所以建議大家可以自行到備案官方網(wǎng)站去備案。企業(yè)備案、個人備案企業(yè)備案：企業(yè)網(wǎng)備案所需資料：（5份）

1份（營業(yè)執(zhí)照）副本彩色掃描件或復(fù)印件；1份法人（網(wǎng)站所有人）身份證掃描件；1份網(wǎng)站負責(zé)人的身份證彩色掃描件或復(fù)印件；1張負責(zé)人的半身彩色照片（.jpg格式）；主辦單位所在地的詳細聯(lián)系方式。個人備案：1份網(wǎng)站負責(zé)人的身份證彩色掃描件或復(fù)印件。網(wǎng)站備案拍照片的要求1、相片內(nèi)容為拍照人和背景，不允許有別的內(nèi)容；2、拍照人所站位置為背景布的中間，身體遮住部分字體；3、拍攝上半身，一般腰部以上即可；4、相機整體顯示內(nèi)容為最下面一行的字和背景上的公司名稱（注意：字體顯示要清楚）；5、拍攝的照片要有時間顯示的，時間顯示的位置在右下角；6、拍攝的具體要根據(jù)客戶的身高來定。安裝備案電子標(biāo)識和快速備案(六)安裝備案電子標(biāo)識

網(wǎng)站所有者應(yīng)于15日內(nèi)將備案電子標(biāo)識安裝在網(wǎng)站首頁的右下方，并將其鏈接到北京市工商行政管理局“經(jīng)營性網(wǎng)站備案信息”數(shù)據(jù)庫，以供公眾查詢。如：(七)警惕：個別快速備案的貓膩

每當(dāng)非常時期，就會出現(xiàn)許多可以快速備案的，這其中有很多快速備案的貓膩，一段時間以后，當(dāng)你發(fā)現(xiàn)備案有問題時，這些人你已經(jīng)找不見了，像這樣的快速備案，在此提醒大家，在選擇別人代理備案時，一定要提高警惕。網(wǎng)站備案流程一、ICP信息報備流程圖：網(wǎng)站建設(shè)流程第一：申請域名（給網(wǎng)站申請一個域名）第二：申請空間（也就是我們所說的網(wǎng)站空間）第三：網(wǎng)站的開發(fā)與設(shè)計（策劃，美工，程序）第四：網(wǎng)站本地測試（進行網(wǎng)站產(chǎn)品發(fā)布）第五：網(wǎng)站程序上傳（用FTP上傳程序）第六：網(wǎng)站備案（國家工信部ICP備案）網(wǎng)站上傳網(wǎng)站上傳工具有那些？FileZillaFLASHFXP

LEAPFTP

CUTEFTP這常用的FTP軟件。LeapFTP與FlashFXP、CuteFTP堪稱FTP三劍客。網(wǎng)站的上傳和下載：請老師給同學(xué)們演示如何用FileZilla將網(wǎng)站源程序上傳到遠程服務(wù)器上。

FileZilla的使用方法請查看附件。

（請打開附件資料發(fā)給同學(xué)們學(xué)習(xí)一下）FileZilla上傳工具界面三、織夢系統(tǒng)的下載與程序上傳1首先我們?nèi)タ棄艄倬W(wǎng)網(wǎng)站（）下載源文件。分為兩個版本：GBK版本和UTF-8版本通過FTP上傳工具將下載下來的源程序上傳的我們注冊好的空間上；四、網(wǎng)站的概述

什么是網(wǎng)站？網(wǎng)站能做什么？簡單的講，網(wǎng)站是由多個網(wǎng)頁組成，但不是網(wǎng)頁的簡單羅列組合，而是用超鏈接方式組成的既有鮮明風(fēng)格又有完善內(nèi)容的有機整體。網(wǎng)站的用途很多，具體用途是根據(jù)網(wǎng)站的性質(zhì)而定，網(wǎng)站的主要用途可以理解為一個長期的不間斷的在線營銷專員，為客戶提供一些全面的產(chǎn)品資訊和企業(yè)相關(guān)信息介紹以及在線完成各種服務(wù)。

專用術(shù)語簡介中文名稱：網(wǎng)站英文名稱：website定義：因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，由域名(也就是網(wǎng)站地址)和網(wǎng)站空間構(gòu)成，通常包括主頁和其他具有超鏈接文件的頁面。網(wǎng)站的類型分布圖企業(yè)網(wǎng)站電子商務(wù)類網(wǎng)站門戶類網(wǎng)站娛樂類網(wǎng)站資訊門戶類網(wǎng)站分類信息網(wǎng)站網(wǎng)站開發(fā)流程網(wǎng)站策劃

策劃內(nèi)容（四大塊）網(wǎng)站類型內(nèi)容設(shè)置盈利模式網(wǎng)站推廣

主要參與人員市場人員網(wǎng)站運營人員網(wǎng)站營銷人員

結(jié)果完成網(wǎng)站策劃方案網(wǎng)站開發(fā)的模塊流程網(wǎng)站建設(shè)流程圖傳統(tǒng)型網(wǎng)站不能賺錢的原因網(wǎng)站營銷網(wǎng)站制作設(shè)計流程營銷型網(wǎng)站的七大特征營銷型網(wǎng)站七大特征網(wǎng)站結(jié)構(gòu)清晰視覺沖擊力強傳播力強商品展示用戶公信力強健全的客戶服務(wù)體系安全穩(wěn)定的網(wǎng)站后臺營銷網(wǎng)站重點關(guān)注問題

用戶體驗訪問速度網(wǎng)站結(jié)構(gòu)網(wǎng)站內(nèi)容網(wǎng)站設(shè)計購物流程網(wǎng)站信譽聯(lián)系方式SEO優(yōu)化標(biāo)題優(yōu)化內(nèi)容優(yōu)化關(guān)鍵詞優(yōu)化外鏈優(yōu)化核心優(yōu)勢

營銷功能

網(wǎng)站客服

客戶熱線

企業(yè)郵箱

廣告促銷

電子地圖

靈活操作

管理后臺

內(nèi)容發(fā)布系統(tǒng)

產(chǎn)品管理系統(tǒng)

在線調(diào)查六、什么是HTML?

HTML是用來描述網(wǎng)頁的一種語言。

HTML指的是超文本標(biāo)記語言(HyperTextMarkupLanguage)

HTML語言是一種標(biāo)記語言，不需要編譯，直接有瀏覽器執(zhí)行。

HTML文件是一個文本文件，包含了一些HTML元素，標(biāo)簽等。HTML元素必須使用.html或.htm為文件名后綴。

HTML是大小寫不敏感的，HTML和html是一樣的。

HTML的標(biāo)準(zhǔn)是有W3C統(tǒng)一來制定的。互聯(lián)網(wǎng)教父

蒂姆·伯納斯·李（TimBerners-Lee）爵士（1955年出生于英國）是萬維網(wǎng)的發(fā)明者，互聯(lián)網(wǎng)之父。1989年3月他正式提出萬維網(wǎng)的設(shè)想，1990年12月25日，他在日內(nèi)瓦的歐洲粒子物理實驗室里開發(fā)出了世界上第一個網(wǎng)頁瀏覽器。他是關(guān)注萬維網(wǎng)發(fā)展的萬維網(wǎng)聯(lián)盟的創(chuàng)始人。1989年12月，蒂姆為他的發(fā)明正式定名為WorldWideWeb，即我們熟悉的WWW；1991年5月WWW在Internet上首次露面。HTML文檔=網(wǎng)頁

HTML文檔描述網(wǎng)頁

HTML文檔包含HTML標(biāo)簽和純文本

HTML文檔也被稱為網(wǎng)頁

Web瀏覽器的作用是讀取HTML文檔，并以網(wǎng)頁的形式顯示出它們。瀏覽器不會顯示HTML標(biāo)簽，而是使用標(biāo)簽來解釋頁面的內(nèi)容：

瀏覽器：“解釋和執(zhí)行”HTML源碼的工具.HTML告知瀏覽器如何顯示網(wǎng)頁HTML文檔的結(jié)構(gòu)<html><head><title>我的第一個網(wǎng)頁</title></head><body>HelloWorld!</body></html>HTML網(wǎng)頁<head>頭部部分<body>主體部分<html>…</html>標(biāo)簽標(biāo)記HTML文檔的開始和結(jié)束網(wǎng)頁標(biāo)題網(wǎng)頁內(nèi)容，可以是文本、圖像等這部分包括標(biāo)題和其他說明信息，包括在<head>…</head>

標(biāo)簽內(nèi)這部分包含文本、圖像和鏈接，它包括在<body>…</body>

標(biāo)簽內(nèi)HTML文檔的基本結(jié)構(gòu)記事本Notepad++UltraEditHTML的編輯工具操作演示1：在記事本里創(chuàng)建網(wǎng)頁HTML語法--最基本的1-1、HTML標(biāo)簽1-2、HTML屬性1-3、HTML元素1-4、HTML文檔1-5、HTML注釋1-1、HTML標(biāo)簽HTML標(biāo)簽是HTML語言中最基本的單位，HTML標(biāo)簽是HTML語言最重要的組成部分

通常要用兩個括號括起來：<>

都是閉合的（閉合就是標(biāo)簽的最后要有一個/,來標(biāo)示結(jié)束。但不一定是成對出現(xiàn)的。比如：<body>和</body>一對標(biāo)簽。（<body>是開始標(biāo)簽、</body>是結(jié)束標(biāo)簽；在開始和結(jié)束標(biāo)簽中可以有內(nèi)容）。<br/>,這個標(biāo)簽是獨立的。）

標(biāo)簽是大小寫無關(guān)的，<body>和<BODY>表示的意思是一樣的，但推薦寫小寫。HTML的標(biāo)簽（兩種形式，成對和不成對的）<標(biāo)簽名>內(nèi)容</標(biāo)簽名><標(biāo)簽名/><table></table>表格開始標(biāo)簽和結(jié)束標(biāo)簽<br/>單獨出現(xiàn)的換行標(biāo)簽1-2、HTML屬性HTML屬性一般都是出現(xiàn)在HTML標(biāo)簽中，HTML屬性是HTML標(biāo)簽的一部分。

標(biāo)簽可以有屬性，它包含了額外的信息，屬性的值一定要在雙引號中。

標(biāo)簽可以擁有多個屬性。

屬性由屬性名和值成對出現(xiàn)。HTML屬性語法<標(biāo)簽名屬性名1="屬性值"

屬性名2="屬性值"....屬性名N="屬性值"></標(biāo)簽名><ahref="/">注：標(biāo)簽<a>是超鏈接標(biāo)簽，使用href屬性，可以定義鏈接的位置（url）代碼<tablesummary="htmltable"

border="0">注：標(biāo)簽<table>是表格標(biāo)簽，使用border屬性，定義沒有邊框的表格，使用summary屬性定義表格的簡短描述。1-3、HTML元素HTML元素是構(gòu)成網(wǎng)頁的一種單位，是由HTML標(biāo)簽和HTML屬性組成的。HTML元素也是網(wǎng)頁中的一種基本單位。示例：<ahref="">思百授官網(wǎng)</a>這是一個HTML鏈接元素<p>我們現(xiàn)在學(xué)習(xí)的是HTML元素，更多的信息可以去<ahref="">思百授官網(wǎng)</a>查找！</p>注：這是一個HTML段落元素，它包含了一個HTML標(biāo)簽元素。1-4、HTML文檔

HTML文檔就是HTML頁面，也是網(wǎng)頁，是由HTML元素組成的。

互聯(lián)網(wǎng)所有內(nèi)容是由一個個HTML文檔組成的。用一個例子來理解HTML語法HTML語法非常簡單，組成HTML語法的元素只有HTML標(biāo)簽和HTML屬性。如：HTML文檔（頁面）[國家]-->HTML元素[家庭]-->HTML標(biāo)簽[重要成員、男人和女人]-->HTML屬性[其他成員，比如孩子]1-5、HTML注釋HTML注釋，我們經(jīng)常要在寫一些代碼旁做一些HTML注釋，這樣做的好處很多。比如：方便查找，方便比對，方便項目組里的其他程序了解你的代碼，而且可以方便以后你對自己代碼的理解和修改等等。HTML注釋的開始使用<!--，結(jié)束使用-->HTML注釋語法<!--注釋的內(nèi)容-->示例<!--點擊進入思百授官網(wǎng)的鏈接--><ahref="">思百授官網(wǎng)</a><!--鏈接結(jié)束-->基本的HTML標(biāo)簽

HTML標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽(HTMLtag)。

HTML文檔和HTML元素是通過HTML標(biāo)簽進行標(biāo)記的。

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

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

標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽，第二個標(biāo)簽是結(jié)束標(biāo)簽

開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽

某些HTML元素沒有結(jié)束標(biāo)簽，比如<br/>網(wǎng)頁的摘要信息2-1網(wǎng)頁摘要信息利于瀏覽器解析和搜索引擎搜索：使用<title>標(biāo)簽<head>

<title>搜狐-中國最大的門戶網(wǎng)站</title></head><head>

<metaname="keywords"content="SEO,seo培訓(xùn),北京SEO培訓(xùn),思百授"/><metaname="description"content="思百授網(wǎng)絡(luò)營銷人才基地是北京最大的網(wǎng)絡(luò)營銷人才培養(yǎng)機構(gòu)。向企業(yè)輸送高端人才上千名……"/></head><head>

<metahttp-equiv="Content-Type"content="text/html;

charset=gb2312"/></head>網(wǎng)頁的摘要信息2-1使用<meta>標(biāo)簽（1）描述文檔類型和字符編碼（2）描述搜索關(guān)鍵字和描述提供搜索關(guān)鍵字和內(nèi)容描述信息，方便搜索引擎的搜索HTML頁面中的塊和行HTML標(biāo)簽分類（方便后續(xù)的布局設(shè)計）：塊級標(biāo)簽：顯示為“塊”狀，前后隔一行

行級標(biāo)簽：按行逐一顯示分類好處：方便后續(xù)的布局設(shè)計

塊級元素與行內(nèi)元素的區(qū)別

塊級元素和行內(nèi)元素是布局最基本的兩種元素，常見的塊級元素有div、p、form、ul、ol、li等，常用的行內(nèi)元素有span、strong、em等。

塊級元素會獨占一行，默認情況下，其寬度自動填滿其父元素寬度，行內(nèi)元素不會獨占一行，相鄰的行內(nèi)元素會排列在同一行里，直到一行排不下，才會換行，其寬度隨元素的內(nèi)容而變化。

塊級元素可以設(shè)置width、height屬性。行內(nèi)元素設(shè)置width、height屬性無效。

注意，塊級元素即使設(shè)置了寬度，仍然是獨占一行的。塊級標(biāo)簽根據(jù)使用場合，塊級標(biāo)簽又細分為：基本塊級標(biāo)簽常用于布局的塊級標(biāo)簽<address>定義地址<li>標(biāo)簽定義列表項目<caption>定義表格標(biāo)題<ol>定義有序列表<dd>定義列表中定義條目<ul>定義無序列表<div>定義文檔中的分區(qū)或節(jié)<p>標(biāo)簽定義段落<dl>定義列表<pre>定義預(yù)格式化的文本<dt>定義列表中的項目<table>標(biāo)簽定義HTML表格<fieldset>定義一個框架集<tbody>標(biāo)簽表格主體（正文）<form>創(chuàng)建HTML表單<td>表格中的標(biāo)準(zhǔn)單元格<h1>...<h6>定義標(biāo)題大小<th>定義表頭單元格<hr>創(chuàng)建一條水平線<tr>定義表格中的行

標(biāo)題標(biāo)簽

……<body>

<h1>一級標(biāo)題</h1><h2>二級標(biāo)題</h2><h3>三級標(biāo)題</h3><h4>四級標(biāo)題</h4><h5>五級標(biāo)題</h5>

<h6>六級標(biāo)題</h6></body>……基本塊級標(biāo)簽3-1h1最大h6最小前后隔行操作演示2：標(biāo)題標(biāo)簽<h1>標(biāo)題</h1>……<h6>標(biāo)題</h6>

段落標(biāo)簽

……<body><h1>北京歡迎你</h1>

<p>北京歡迎你，有夢想誰都了不起！</p><p>有勇氣就會有奇跡。</p></body>……基本塊級標(biāo)簽3-2前后換行，類似教材中的段落操作演示3：段落標(biāo)簽<p>……</p>

水平線標(biāo)簽

……<body><h1>北京歡迎你</h1><hr/><p>北京歡迎你，有夢想誰都了不起！/p><p>有勇氣就會有奇跡。</p></body>……基本塊級標(biāo)簽3-3橫線用于內(nèi)容分割單個標(biāo)簽的閉合形式操作演示4：水平線標(biāo)簽<hr/>練習(xí)——基本塊級標(biāo)簽需求說明：顯示唐詩介紹（UltraEdit環(huán)境）

完成時間：20分鐘分析應(yīng)使用哪些標(biāo)簽？

有序列表標(biāo)簽

……<body><h3>注冊步驟：</h3><ol><li>填寫信息</li><li>收電子郵件</li><li>注冊成功</li></ol></body>……常用于布局的塊級標(biāo)簽7-1有序列表操作演示5：有序列表標(biāo)簽<ol><li>列表項1</li>……</ol>

無序列表標(biāo)簽

<body><h3>我是網(wǎng)站初學(xué)者

</h3><ul>

<li>學(xué)習(xí)網(wǎng)站建設(shè)首先要學(xué)會策劃網(wǎng)站。</li><li>學(xué)習(xí)網(wǎng)站建設(shè)一定要學(xué)好標(biāo)簽屬性的應(yīng)用</li><li>學(xué)習(xí)網(wǎng)站建設(shè)必須掌握DIV+CSS布局。</li><li>學(xué)習(xí)網(wǎng)站建設(shè)一定要掌握網(wǎng)站后臺標(biāo)簽的調(diào)用。</li></ul></body>常用于布局的塊級標(biāo)簽7-2操作演示6：無序列表標(biāo)簽<ul><li>列表項1</li>……</ul>無序列表

定義描述標(biāo)簽

……<body><dl><dt>咖啡</dt><dd>一種黑色的熱飲料，原料據(jù)說是咖啡豆，非洲盛產(chǎn)這類原料。</dd><dd>可以提神，刺激神經(jīng)。</dd><dl></body>……常用于布局的塊級標(biāo)簽7-3這種效果可以和無序列表互相替代，因dt是塊狀元素，所以常用于圖文混編的布局場合操作演示7-1：dl和dt標(biāo)簽<dl><dt>標(biāo)題</dt><dd>描述1</dd>……</dl>……<body><dl>

<dt>佳能（Canon）PowerShotG15數(shù)碼相機（1210萬像素1.8超大光圈5倍光變28mm廣角）<dt><dd>商品編號：747379</dd><dd>京東價：￥2899.00(降價通知)</dd><dd>促銷信息：直降已優(yōu)惠￥300.00</dd>

<dd>贈品贈下方的熱銷商品，贈完即止</dd></dl></body>……常用于布局的塊級標(biāo)簽7-4

用定義描述標(biāo)簽實現(xiàn)圖文混編的效果演示示例7-2：定義描述標(biāo)簽圖文混排文字有一定的縮進

表格<table><tr>

<td>百度</td></tr>

<tr>

<td>新浪</td></tr>……</table>

常用于布局的塊級標(biāo)簽7-5<table>--表格<tr>--行<td>--列（單元格）演示示例8：表格示例演示常用于布局的塊級標(biāo)簽7-6

表單

一般和table使用：<form><table><tr><td>...</td><td>...</td></tr>.....</table></form>演示示例9：form表單標(biāo)簽<form>……</form>常用于布局的塊級標(biāo)簽7-7分區(qū)標(biāo)簽<div>

div標(biāo)簽可內(nèi)嵌到<p>等標(biāo)簽內(nèi)，作為普通塊狀元素使用……<divstyle="width:400px;height:300px;background:#9FF"><p>……</p><h3>新人上路</h3><ul>……</ul>div其實就是一個......</div>……操作演示10：分區(qū)標(biāo)簽小結(jié)1、div-ul(ol)-li：常用于分類導(dǎo)航或菜單等2、div-dl-dt-dd：常用于圖文混編的場合3、