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