一.Web基礎(chǔ)作用即如何制作網(wǎng)頁(yè)介紹
創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的義縣網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!1.HTML(靜態(tài)頁(yè)面)
用來(lái)勾勒出網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容
2.CSS(靜態(tài)頁(yè)面)
用來(lái)給網(wǎng)頁(yè)化妝,美化頁(yè)面
3.JavaScript(重點(diǎn))
用來(lái)讓網(wǎng)頁(yè)呈現(xiàn)出動(dòng)態(tài)的數(shù)據(jù)和效果
web三要素:HTTP協(xié)議,瀏覽器,服務(wù)器
二.XML和HTML的關(guān)系
1.XML
a.XML時(shí)可擴(kuò)展標(biāo)記語(yǔ)言,用來(lái)存儲(chǔ)或傳輸數(shù)據(jù):
--標(biāo)簽可擴(kuò)展
--屬性可擴(kuò)展
--元素之間的嵌套關(guān)系可擴(kuò)展
b.標(biāo)簽
雙標(biāo)簽:<標(biāo)簽名>標(biāo)簽名>
單標(biāo)簽:<標(biāo)簽名/>
關(guān)系:<標(biāo)簽名/>=<標(biāo)簽名>標(biāo)簽名>
c.屬性
--屬性必須定義在開(kāi)始標(biāo)簽上
--屬性名=“屬性值"
--屬性名不能重復(fù),且無(wú)序
d.元素
<標(biāo)簽名 屬性=“屬性值”>內(nèi)容標(biāo)簽名>
2.HTML
a.HTML是超文本標(biāo)記語(yǔ)言,用來(lái)顯示數(shù)據(jù)
b.實(shí)際HTML是語(yǔ)法固定的XML
--標(biāo)簽固定
--屬性固定
—元素嵌套關(guān)系固定
c.學(xué)習(xí)HTML就是學(xué)習(xí)這些固定的標(biāo)簽,屬性,嵌套關(guān)系
d.HTML基本結(jié)構(gòu)
三.HTML解決亂碼問(wèn)題
1.創(chuàng)建HTML時(shí)需要將文件編碼設(shè)置為utf-8
2.需要在
元素下,使用元素設(shè)置頁(yè)面內(nèi)容編碼四.定義html版本
五.基本語(yǔ)法:
1.元素介紹:
分區(qū)元素用于為元素分組,常用于頁(yè)面布局:
a.塊分區(qū)元素:
:div用來(lái)勾勒出頁(yè)面的布局,便于開(kāi)發(fā)頁(yè)面塊級(jí)元素:默認(rèn)情況下塊級(jí)元素會(huì)獨(dú)占一行;占據(jù)一個(gè)矩形區(qū)域,即元素前后都會(huì)自動(dòng)換行:
,
b.行內(nèi)分區(qū)元素:
行內(nèi)元素:不會(huì)換行,可以和其他行內(nèi)元素位于同一行即橫向布局;不會(huì)占據(jù)矩形區(qū)域,他只用來(lái)修飾段落中的幾個(gè)字:, , ,
1)塊分區(qū)元素
2)行內(nèi)分區(qū)元素
—:定義斜體字
:定義著重文字
—:定義粗體文字
:定義加重文字
—:定義帶刪除線(xiàn)的文字
:定義帶下劃線(xiàn)的文字
—
:手工換行
—實(shí)體引用:空格 ;小于<;大于>
—空標(biāo)記,必須屬性:src,常用屬性:width,height
—:超鏈接,href屬性用來(lái)設(shè)置鏈接的目標(biāo),target屬性用來(lái)設(shè)置打開(kāi)目標(biāo)的方式(_blank:新窗口打開(kāi),_self:本頁(yè)面打開(kāi))
—錨點(diǎn)一:錨點(diǎn)是文檔中某行的一個(gè)記號(hào),用于鏈接到文檔中的某個(gè)位置
2.表格
用來(lái)組織結(jié)構(gòu)化的信息,由一些稱(chēng)作單元格的巨型元素按照從左到右從上到下的順序排列在一起形成,表格的數(shù)據(jù)保存在單元格中。
—定義表格:
—?jiǎng)?chuàng)建行:
—?jiǎng)?chuàng)建列:
a.
元素: align/valign/width/height/colspan/rowspan colspan:跨列屬性( | aaa | )aaa | )