html學(xué)習(xí)心得

時間：2025-07-26 08:37:20 閱讀全文下載本文

4.3<tr><th><td>標(biāo)簽下的常用屬性

屬性名稱屬性值說明widthheight

align(水平方向)rightleftcenter

valign(垂直方向)top數(shù)據(jù)靠上middle數(shù)據(jù)居中buttombgcolor

4.4拆分與合并單元格 <td>里面的屬性

屬性名稱屬性值colspan數(shù)字rowspan數(shù)字先刪掉不要的空格再合并需要的空格 4.5表格的標(biāo)題<table>

屬性有：

屬性名稱屬性值aligntopbuttom 5.1背景圖片設(shè)置

5.2將圖片插入網(wǎng)頁中

格式:<img src="url">

功能：將圖片插入網(wǎng)頁中單一標(biāo)簽

屬性名稱屬性值srcurlwidth像素/百分比height像素/百分比alt字符串border數(shù)字5.3文字圖像的排列

屬性名稱屬性值alignleftrighttopmiddlebuttom間隙設(shè)置

數(shù)據(jù)靠下說明

向兩邊擴展向上下擴展說明

圖片的路徑

圖片的寬度(絕對和相對) 圖片的高度(絕對和相對)給圖片做注解圖片邊框說明

圖像靠左文字靠右圖像靠右文字靠左文字靠上文字居中文字靠下

vspace像素垂直上下兩端與物件的距離hspace像素水平左右兩端與物件的距離

5.4 圖片超鏈接

注意邊框問題

5.5地圖索引

格式：<img src="url" usemap="#圖像名稱">

說明：

<map>聲明整張圖使用地圖連接方式進行連接

<area>表示需要連接的某個區(qū)塊

<shape>表示我們所選擇的形狀如：rect矩形 circle圓形poly 多邊形coords 表示地圖的坐標(biāo)位置

舉例：

2.file連接本地的文件

聲明<a href=file:///e/images/pic.jpg>圖片</a>

3.ftp

聲明<a href="ftp://192.168.4.21/">進入</a>

4.mailto<a href=mailto:bnbbs@163.com>e-mail</a>

6.3 相對鏈接和絕對鏈接

1.若是6.html和index.html文件在同一目錄下

使用 index.html(index.html為連接文件)

<a href="index.html">index.html</a>

2.若index.html文件在6.html文件目錄下的文件夾page里面

則使用 page/index.html

<a href="page/index.html">index.html</a>

3.如果index.html在 page文件下page2中

page/page2/index.html

2、3為往后查找文件路徑

4.若6.html文件在page文件夾中則查找index.html

需要向上翻一層查找

../index.html

<a href="../index.html">index.html</a>

5.若是6.html文件在page文件夾里面的page2文件夾里面

則查找連接index.html 使用

../../index.html

4、5為往前查找

5.若6.html在page文件夾中而index.html在images文件夾中

則6.html要查找連接index.html文件需要

先出page文件夾再進images文件夾

../images/index.html

<a href="../images/index.html">index.html</a>

6.4 書簽鏈接

先在需要跳轉(zhuǎn)的文本地方創(chuàng)建書簽點

再進行連接

<a>下的屬性

屬性名稱屬性值

name字符串

格式：

錨點:<a name="音樂">..</a>

連接點<a href="#音樂">..</a>

連接到別的網(wǎng)頁的書簽項目

基本格式：

錨點：<a name="音樂">...</a>

連接點：<a href="index.html#音樂">...</a>

先連接到需要連接的網(wǎng)頁再連接到書簽

……此處隱藏5506個字……gt;

type="file":上傳域

type="submit":提交按鈕

value:默認(rèn)內(nèi)容

type="reset":重置按鈕

value:默認(rèn)內(nèi)容

type="button":普通按鈕

value:默認(rèn)內(nèi)容

type="hiddle":隱藏內(nèi)容

type="image":圖片提交按鈕

src:圖片路徑

width:圖片寬度

height:圖片高度

border:圖片邊框

<option selected="selected"></option>:下拉框內(nèi)容

</select>:下拉框

selected="selected":默認(rèn)當(dāng)前選中

<textarea cols="" rows=""></textarea>:文本域

cols:文本域?qū)挾?/p>

rows:文本域高度

</form>:表單標(biāo)記

action:跳轉(zhuǎn)路徑

method="get/post":提交方式

get:所填內(nèi)容顯示在地址欄，所填內(nèi)容有限制（默認(rèn)方式）

post:所填內(nèi)容不顯示在地址欄，內(nèi)容以一種加密方式，所填內(nèi)容無限制

<caption align="left/center/right/top/bottom"></caption>:表格標(biāo)題align="left/center/right/top/bottom":標(biāo)題居左/居中/居右/居上/居下<tbody>

<td colspan/rowspan="" align="left/center/right" valign="top/middle/bottom" bgcolor/background=""

height="" width="">

</td>:格

colspan/rowspan:行合并/列合并

align="left/center/right":內(nèi)容水平方向居左/居中/居右

valign="top/middle/bottom":內(nèi)容垂直方向居上/居中/居下

bgcolor/background:格背景顏色/背景圖片

height:格高度

width:格寬度

</tr>:行

align="left/center/right":行內(nèi)容水平方向居左/居中/居右

valign="top/middle/bottom":行內(nèi)容垂直方向居上/居中/居下

bgcolor/background:行背景顏色/背景圖片

height:行高

</tbody>:表格塊

</table>:表格

align="left/center/right":表格居左/居中/居右

width:表格寬度

height:表格高度

border:邊框粗細(xì)

cellpadding:表格內(nèi)容據(jù)邊框距離

cellspacing:表格內(nèi)外邊框距離

bordercolor:邊框顏色

bgcolor/background:表格背景顏色/背景圖片

src:引入路徑

noresize="noresize":骨架固定

name:命名

</frameset>:網(wǎng)頁分割

rows/cols:網(wǎng)頁上下/左右分割

frameborder:骨架顯示/隱藏

border:骨架粗細(xì)

width:寬度

height:高度

frameborder:浮動框架邊框

src:引入路徑

name:命名

target="x":控制網(wǎng)頁顯示區(qū)域

href:跳轉(zhuǎn)路徑

歡迎閱讀其他精彩文章：

html abbr 標(biāo)簽

html倒計時代碼

一個簡單的html實例

html網(wǎng)頁畢業(yè)論文

個人簡歷html語言編寫

《html學(xué)習(xí)心得[此文共4265字].doc》

將本文的Word文檔下載到電腦，方便收藏和打印

推薦度：

點擊下載文檔

文檔為doc格式

心得體會圖文推薦

【html學(xué)習(xí)心得】相關(guān)文章：

上一篇：《祖國在我心中》讀后感心得體會多篇[此文共3117字] 下一篇：看見讀后感優(yōu)選30篇[此文共34253字]

久久久精品免费免费直播,久久免费视频二区,日本高清午夜色,国产一区二区三区精品视频

html學(xué)習(xí)心得