摘要:跨列從指定單元格的位置處開(kāi)始,橫向向右合并幾個(gè)單元格包含自己,被合并的單元格要?jiǎng)h除。
前端知識(shí)點(diǎn)總結(jié)——HTML
HTML:HTML4.01 指的就是網(wǎng)頁(yè)技術(shù)
HTML5:HTML4.01的升級(jí)版本
web與Internet
1.Internet:全球性的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò),因特網(wǎng),互聯(lián)網(wǎng),交互網(wǎng)
2.提供服務(wù)
訪問(wèn)網(wǎng)站:www(world wide web)服務(wù) Email:電子郵件服務(wù) BBS:電子公告板,俗稱(chēng)論壇 FTP:文件的上傳下載 telenet:遠(yuǎn)程登錄
3.Internet上的應(yīng)用程序
1.C/S程序 C:Client客戶(hù)端 S:Server服務(wù)器端 代表:QQ,微信,網(wǎng)絡(luò)游戲 2.B/S程序 B:Browser 瀏覽器 S:server 服務(wù)器 代表:網(wǎng)站
4.web
web:運(yùn)行在Internet之上的一種B/S結(jié)構(gòu)的應(yīng)用程序,俗稱(chēng)網(wǎng)站。 w3c:(萬(wàn)維網(wǎng)聯(lián)盟) w3c:制定web技術(shù)規(guī)范 web的工作原理: 基于瀏覽器和服務(wù)器還有通信協(xié)議來(lái)實(shí)現(xiàn)信息的傳輸和展示。 1.通信協(xié)議 HTTP/HTTPS 規(guī)范了數(shù)據(jù)是如何傳遞和打包 2.服務(wù)器 1.功能 1.存儲(chǔ)web信息,并提供程序運(yùn)行環(huán)境 2.接收用戶(hù)請(qǐng)求并給出響應(yīng) 3.具備一定的安全功能 2.服務(wù)器產(chǎn)品 1.TOMCAT 2.APACHE 3.IIS 3.服務(wù)器技術(shù) 1.php 2.java 3..NET 3.瀏覽器 功能: 1.代理用戶(hù)(UA:user agent)提交請(qǐng)求 2.以圖形化的方式顯示網(wǎng)頁(yè) 3.作為HTML和JS的解釋器 瀏覽器產(chǎn)品: 1.IE 2.chrome 3.firefox 4.opera 5.safari 瀏覽器技術(shù): 1.HTML 2.CSS 3.Javascript2.HTML快速入門(mén)
1.什么是HTML?
HTML:Hyper Text Markup Language 超文本標(biāo)記語(yǔ)言 ex: 普通文本 a:英文首字符 超級(jí)文本 a:超鏈接 普通文本 b:英文第二個(gè)字符 超級(jí)文本 b:加粗 language:語(yǔ)言,有自己的語(yǔ)法結(jié)構(gòu) 特點(diǎn): 1.以.html或.htm為后綴 2.由瀏覽器解析執(zhí)行 3.可以嵌套腳本語(yǔ)言(javascript) 4.用帶有尖括號(hào)的標(biāo)記來(lái)標(biāo)識(shí)
2.HTML的基礎(chǔ)語(yǔ)法
1.標(biāo)記 標(biāo)記又稱(chēng)為"元素",或"標(biāo)簽",在網(wǎng)頁(yè)中,主要表示一些功能。 標(biāo)記在使用時(shí),必須用<>括起來(lái) 標(biāo)記分類(lèi): 1.封閉類(lèi)型 又稱(chēng)為雙標(biāo)記 語(yǔ)法: <標(biāo)記>內(nèi)容標(biāo)記> ex:百度 加粗 注意:必須有開(kāi)始就有結(jié)束。 2.非封閉類(lèi)型 又稱(chēng)為單標(biāo)記 語(yǔ)法:<標(biāo)記>或<標(biāo)記/> ex:3.HTML文檔結(jié)構(gòu)
或
2.標(biāo)記嵌套 1.什么是嵌套? 在一對(duì)標(biāo)記中出現(xiàn)另外一對(duì)(個(gè))標(biāo)記,從而形成功能的層疊。 2.語(yǔ)法 <標(biāo)記> <標(biāo)記> <標(biāo)記/> 標(biāo)記> 標(biāo)記> ex: 這是演示文本 ex: 這是演示文本 正確,不推薦 ex: dfdsfsdfs 錯(cuò)誤 注意: 1.換行縮進(jìn),如果是雙標(biāo)記必須成對(duì)出現(xiàn) 3.元素(標(biāo)記)屬性 作用:修飾元素 語(yǔ)法: 1.必須聲明在開(kāi)始標(biāo)記中 <標(biāo)記 屬性名>標(biāo)記> 2.屬性名與值之間用"="連接 <標(biāo)記 屬性名=值>標(biāo)記> 3.元素允許有多個(gè)屬性,每個(gè)屬性之間用空格隔開(kāi) <標(biāo)記 屬性名1=值1 屬性名2=值2 ...>標(biāo)記> ex: p標(biāo)記的align屬性的值為center,title屬性的值為"這是段落" 標(biāo)準(zhǔn)屬性(通有屬性): id:定義元素的唯一標(biāo)識(shí)(名稱(chēng)) title:定義鼠標(biāo)懸停在元素上時(shí)所提示的文本 style:css中,定義行內(nèi)樣式 class:css中,引用類(lèi)選擇器 4.注釋 語(yǔ)法: 注意: 1.注釋本身不能嵌套 2.不能嵌套在標(biāo)記中
1.HTML文檔結(jié)構(gòu)
1.文檔類(lèi)型聲明 作用:告訴瀏覽器HTML的版本類(lèi)型 語(yǔ)法: 在網(wǎng)頁(yè)的最頂端編寫(xiě) 2.HTML頁(yè)面 在文檔類(lèi)型聲明的下面寫(xiě)上一對(duì)根標(biāo)記 在根標(biāo)記中包含兩部分: 文件頭: 定義網(wǎng)頁(yè)的全局信息 文件主體:4.圖像和鏈接 定義網(wǎng)頁(yè)中顯示的內(nèi)容 2.搭建網(wǎng)頁(yè)結(jié)構(gòu) 1.文檔類(lèi)型的聲明 2.HTML頁(yè)面結(jié)構(gòu) 在主體內(nèi)容(body)位置處顯示“我的第一個(gè)網(wǎng)頁(yè)” 3.head元素 head是其它頭元素的容器 1. 定義基本信息:編碼格式,關(guān)鍵詞,描述內(nèi)容等 2.定義網(wǎng)頁(yè)的標(biāo)題 3. 定義內(nèi)部樣式 4.定義或引用javascript文件 5. 引入外部樣式 4.body元素 顯示網(wǎng)頁(yè)的主要內(nèi)容 1.特殊字符 表示空格 < 表示一個(gè)< > 表示一個(gè)> © 版權(quán) ¥ ¥ 2.文本標(biāo)記 1.文本樣式 :加粗 :斜體 :下劃線 :刪除線 :上標(biāo) :下標(biāo) 2.標(biāo)題元素 語(yǔ)法:在網(wǎng)頁(yè)中以醒目的方式來(lái)顯示文字 語(yǔ)法:內(nèi)容 n:1-6內(nèi)容
一級(jí)標(biāo)題 ...內(nèi)容
六級(jí)標(biāo)題 特點(diǎn): 1.字體大小可變 2.加粗 3.上下文之間有垂直空白間距 屬性:align 作用:標(biāo)記內(nèi)容的水平對(duì)齊方式 取值:left/center/right 3.段落元素 作用:以突出的形式表示一段文本 語(yǔ)法: 屬性:align 取值:left/center/right 4.換行元素 語(yǔ)法:
或
5.分隔線元素 語(yǔ)法:
或
屬性: 1.size 表示水平線的尺寸(高度),取值為px或%的數(shù)字 2.width 寬度,取值為px或%的數(shù)字 3.align 水平對(duì)齊方式 left/center/right 4.color 水平線的顏色,取值為合法顏色值 6.預(yù)格式化 作用:保留html代碼中的回車(chē)和空格 語(yǔ)法:內(nèi)容7.分區(qū)元素 1.塊分區(qū)元素 作用:用于頁(yè)面中元素的布局 語(yǔ)法: 2.行分區(qū)元素 作用:處理同一行文本中的不同樣式 語(yǔ)法: 8.行內(nèi)元素和塊級(jí)元素 1.塊級(jí)元素 在網(wǎng)頁(yè)頁(yè)中獨(dú)占一行的元素就是塊級(jí)元素 常見(jiàn)的塊級(jí)元素: 1.標(biāo)題元素 h1-h6 2.段落元素 p 3.div 4.結(jié)構(gòu)標(biāo)記(header...) 2.行內(nèi)元素 多個(gè)元素位于同一行顯示,從左往右排列 常見(jiàn)的行內(nèi): span,b,i,u,s,sup,sub,a,img 3.行內(nèi)塊 顯示方式如同行內(nèi)元素,但具備塊級(jí)元素的特征 4.table ...
1.URL
1.目錄結(jié)構(gòu) 文件目錄:文件夾嵌套結(jié)構(gòu) 2.URL URL:Uniform Resource Locator統(tǒng)一資源定位器,俗稱(chēng)路徑。 作用:用于表示網(wǎng)絡(luò)中任意一個(gè)資源的位置。 3.路徑的表現(xiàn)形式 1.絕對(duì)路徑 絕對(duì)路徑就是完整路徑,一定可以找到你想找的資源。 1.網(wǎng)絡(luò)資源 通信協(xié)議+服務(wù)器主機(jī)+文件目錄結(jié)構(gòu)+文件名稱(chēng) ex:http://www.jd.com/index/logo.png 2.本地資源 從最高盤(pán)符處開(kāi)始查找 C:xampphtdocs1801-02