html基礎(chǔ)html計(jì)算機(jī)編碼及表格標(biāo)記

時(shí)間：2023-09-26 23:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-26 23:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

html基礎(chǔ)html計(jì)算機(jī)編碼及表格標(biāo)記：

昨日回顧

計(jì)算機(jī)編碼

所謂“編碼”就是用什么二進(jìn)制來(lái)表示一個(gè)字符。比如：a對(duì)應(yīng)101，b對(duì)應(yīng)110

101010010100101001010011101001010010110100101010

ASCII編碼：用7位或8位(1個(gè)字節(jié))二進(jìn)制來(lái)表示一個(gè)字符，最多表示256個(gè)字符。

ANSI編碼：就是不同國(guó)家，想使用計(jì)算機(jī)來(lái)處理本國(guó)語(yǔ)言。

中國(guó)，ANSI就是指GB2312或GBK。

臺(tái)灣，ANSI就是指BIG5

每個(gè)操作系統(tǒng)都內(nèi)置了一套編碼體系，就是所謂“字符集”。

例如：中文操作系統(tǒng)的默認(rèn)編碼是GB2312.，用計(jì)事本編網(wǎng)頁(yè)，如果沒(méi)有指定字符集，則默認(rèn)就是GB2312.

GB2312編碼：用2個(gè)字節(jié)(二進(jìn)制16位)，理論上可以表示2^16=65536個(gè)漢字。

例如：“國(guó)” 用二進(jìn)制表示 1110101010101110

GBK編碼，用2個(gè)字節(jié)來(lái)表示一個(gè)字符。它的容量要比GB2312大的多。

Unicode編碼，用4個(gè)字節(jié)來(lái)表示一個(gè)字符，它可以容納下全世界的所有字符。過(guò)于龐大，下載文件時(shí)間長(zhǎng)，效率不高

UTF-8編碼，Unicode Transform Fromat統(tǒng)一格式轉(zhuǎn)換。不同字符會(huì)自動(dòng)選擇長(zhǎng)度來(lái)表示。比如：a用1個(gè)字節(jié)，漢字用兩個(gè)字符。




<meta>標(biāo)記：其中的設(shè)置或內(nèi)容是給瀏覽器軟件本身用的或搜索引擎用的

設(shè)置字符集：<meta http-equiv=“content-type” content=“text/html;charset=GB2312” />

保證網(wǎng)頁(yè)不出現(xiàn)亂碼：在一開始時(shí)，就要把編輯環(huán)境和<meta>字符集設(shè)置好，并且不要經(jīng)常更換字符集。




站點(diǎn)：就是代表一個(gè)網(wǎng)站。一個(gè)站點(diǎn)中要有相應(yīng)的目錄的規(guī)則。

2.表格標(biāo)記

sadasdasadasdasdasdasdasdasdad

<table>

<tr>

<td>編號(hào)</td>
<td></td>

<td></td>

</tr>

<tr>

<td></td>
<td></td>

<td></td>

</tr>

</table>

說(shuō)明：<table>表示表格，<tr>表示行，<td>表示單元格，內(nèi)容放在<td>中。
標(biāo)題單元格：<th></th>中的內(nèi)容會(huì)自動(dòng)加粗居中顯示；

普通單元格：<td></td>中的內(nèi)容是默認(rèn)樣式。

<table>的常用屬性

Width：表格的寬度，取值：固定值或百分比

在JS中，稱HTML標(biāo)記為“元素”，比如：td元素、body元素

Height：表格的高度

Border：指定表格的邊框粗細(xì)

bgColor：表格的背景色

background：背景圖的URL。比如：background=“images/bg.gif”

align：表格水平對(duì)齊，取值：left center right

cellpadding：指單元格與文字之間的距離，也稱“內(nèi)填充距離”

cellspacing：指兩個(gè)單元格之間的距離，也稱“間距”




<tr>的常用屬性

Align：水平對(duì)齊，取值：left center right

Valign：垂直對(duì)齊，取值：top middle bottom

bgColor：行的背景色

height：指行高




<td>或<th>的常用屬性

Width：?jiǎn)卧竦膶挾?br>
Height：?jiǎn)卧竦母叨?br>
Align：水平對(duì)齊

Valign：垂直對(duì)齊

bgColor：背景顏色

background：背景圖片

rowspan：合并多行的單元格，跨行合并

colspan：合并多列的單元格，跨列合并

注意：?jiǎn)卧窈喜⒌膶傩詒owspan和colspan應(yīng)該放在第一個(gè)單元格中，合并后要進(jìn)行相應(yīng)的刪除，以保證一個(gè)行的單元格個(gè)數(shù)相同。




<caption></caption>表格表題標(biāo)記

<caption>是<table>的子標(biāo)記，緊跟<table>開始標(biāo)記，在所有<tr>標(biāo)記之前。

常用的屬性align

綜合實(shí)例：月福汽車裝飾有限公司首頁(yè)

網(wǎng)站制作的一個(gè)流程

（1）網(wǎng)站設(shè)計(jì)的方案

（1）由設(shè)計(jì)人員出效果圖

（2）制作人員根據(jù)設(shè)計(jì)圖，把設(shè)計(jì)圖的大圖片，切割成多個(gè)小圖片；

（3）由制作人員，使用HTML+CSS再排成原來(lái)大圖的效果

（4）程序人員，根據(jù)效果圖，再做后臺(tái)程序開發(fā)

（5）將前臺(tái)頁(yè)面和后臺(tái)程序整合在齊，構(gòu)成一個(gè)完整的網(wǎng)站。

（6）交由客戶進(jìn)行審閱




用表格來(lái)排版網(wǎng)頁(yè)

1）確定主頁(yè)的寬度，最寬不超過(guò)1000px，最低700以上。

2）主頁(yè)一般都是絕對(duì)居中

3）網(wǎng)頁(yè)的背景色或背景圖片

4）flash的擴(kuò)展名.swf




月福首頁(yè)的結(jié)構(gòu)圖







HTML代碼注釋：<!—網(wǎng)頁(yè)注釋的內(nèi)容-->

4.圖片熱點(diǎn)(圖像地圖)：在一張圖片上增加多個(gè)鏈接

<img src=“images/index_02.jpg” usemap=“#Map” />

<map id=“Map”>

<area shape=“熱點(diǎn)的類型” coords=“坐標(biāo)” href=“鏈接” alt=“提示信息” />

<area shape=“熱點(diǎn)的類型” coords=“坐標(biāo)” href=“鏈接” alt=“提示信息” />

<area shape=“熱點(diǎn)的類型” coords=“坐標(biāo)” href=“鏈接” alt=“提示信息” />

</map>




<area>的常用屬性

Shaple：指熱點(diǎn)的形狀，取值：rect(矩形) circle(圓形)polygon(多邊形)

Coords：執(zhí)熱點(diǎn)的坐標(biāo)或范圍。

Rect類型：坐標(biāo)為 coords=x1,y1,x2,y2 ，x1,y1表示矩形左上角的坐標(biāo)值，x2,y2表示矩形的右下角坐標(biāo)值

Circle類型：坐標(biāo)為coords=x1,y1,r，x1,y1表示圓心坐標(biāo)，r表示半徑

Polygon類型：坐標(biāo)為coords=x1,y1,x2,y2,x3,y3,……，表示每個(gè)頂點(diǎn)的坐標(biāo)

5.多媒體標(biāo)記（以Flash為主講解）

網(wǎng)頁(yè)上的所有視頻，基本都是Flash格式。將所有其它的視頻轉(zhuǎn)成了Flash格式，因?yàn)镕lash格式所有的瀏覽器基本上都兼容，參數(shù)各個(gè)瀏覽器都差不多。

視頻轉(zhuǎn)換工具：格式工廠

Wmv一小時(shí)大小為150MB左右，若轉(zhuǎn)成Flash，尺寸將縮小80%左右。

avi mpeg dat




<embed></embed>多媒體標(biāo)記

不是W3C推薦的，一般用于Netscape瀏覽器(以Firefox為核心)。

常用的屬性：

Src：引入外部的視頻文件

Width：界面的寬度

Height：界面的高度

Type：指播放的文件格式

Pluginspage：指Flash插件的下載地址。

Wmode：指Flash是否為透明背景，取值：transparent(透明)

Quality：指播放質(zhì)量，取值：high(高質(zhì)量) low(低)

<object></object>多媒體標(biāo)記

是W3C推薦的多媒體標(biāo)記，一般用于IE瀏覽器。

<param />該標(biāo)記是<object>的子標(biāo)記，主要用來(lái)設(shè)置參數(shù)。




<object width=“寬度” height=“高度” classid=“產(chǎn)品ID號(hào)” codebase=“插件下載地址”>

<param name=“movie” value=“images/banner.swf” />

<param name=“wmode” value=“transparent” />

<param name=“quality” value=“high” />

<embed width=“寬度” height=“高度” type=“文件類型” pluginspage=“下載地址”></embed>

</object>




下面是播放Flash的代碼

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">

<param name="movie" value="images/banner.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</ object>




本文轉(zhuǎn)自：《重蔚自留地》 我的php路線第三天-重蔚自留地韋重蔚你好

相關(guān)推薦：限時(shí)免費(fèi)領(lǐng)取淘寶福利優(yōu)惠券：http://fayag.com