使用記事本編碼生成網(wǎng)頁表格的方法

2024-07-15

2359

如果你剛開始學(xué)習(xí)制作網(wǎng)頁，可能會(huì)覺得需要使用一些專門的軟件來制作和調(diào)試，以便生成網(wǎng)頁表格等效果。但其實(shí)，只需使用系統(tǒng)自帶的記事本，就可以輕松自如地編寫代碼，并生成想要的網(wǎng)頁表格效果。下面是使用記事本編

如果你剛開始學(xué)習(xí)制作網(wǎng)頁，可能會(huì)覺得需要使用一些專門的軟件來制作和調(diào)試，以便生成網(wǎng)頁表格等效果。但其實(shí)，只需使用系統(tǒng)自帶的記事本，就可以輕松自如地編寫代碼，并生成想要的網(wǎng)頁表格效果。

下面是使用記事本編碼生成網(wǎng)頁表格的步驟及方法：

步驟一：進(jìn)入記事本

首先，進(jìn)入開始菜單-所有程序-附件目錄，單擊其中的記事本。

在記事本中，輸入網(wǎng)頁的基本標(biāo)簽，如下所示：

lt;htmlgt;

lt;bodygt;

lt;/bodygt;

lt;/htmlgt;

這些標(biāo)簽是網(wǎng)頁的基本框架，其中l(wèi)t;htmlgt;表示整個(gè)網(wǎng)頁文件，lt;bodygt;表示網(wǎng)頁的主體內(nèi)容。

如果要給網(wǎng)頁添加標(biāo)題，可以在lt;bodygt;標(biāo)簽的上面加上lt;headgt;lt;/headgt;標(biāo)簽，并在其中輸入網(wǎng)頁的標(biāo)題文字，如下所示：

lt;headgt;

lt;titlegt;這是網(wǎng)頁的標(biāo)題lt;/titlegt;

lt;/headgt;

光標(biāo)定位到lt;bodygt;后面，按鍵盤Enter回車鍵換行，然后輸入標(biāo)簽lt;tablegt;lt;/tablegt;，這就是代表表格大框架。

在lt;tablegt;標(biāo)簽下輸入lt;trgt;，這就是代表一行的意思。接著，在每行的lt;trgt;后輸入lt;tdgt;lt;/tdgt;，這里代表單元格，也可以理解為列。

如果要建立一個(gè)3行的表格，可以在每行的lt;trgt;后輸入lt;tdgt;lt;/tdgt;，然后在標(biāo)簽中間輸入一些文字內(nèi)容，生成網(wǎng)頁效果如下圖所示：

如果要建立一個(gè)3行2列的表格，就在每行l(wèi)t;trgt;后輸入2對(duì)lt;tdgt;lt;/tdgt;標(biāo)簽，如下圖所示：

這里可以發(fā)現(xiàn)表格沒有邊框，我們來添加下。光標(biāo)定位到lt;tablegt;標(biāo)簽，在其中輸入border1 bordercolorred，其中border是表格邊框粗細(xì)；bordercolor是邊框顏色。

如果要設(shè)置單元格的顏色，可以在lt;tdgt;標(biāo)簽中輸入bgcoloryellow，其中右邊可以使用顏色英文，也可以使用fff000樣式的參數(shù)值。

最后，把編好的代碼保存為網(wǎng)頁格式。點(diǎn)擊文件-保存，打開另存為對(duì)話框，選擇保存目錄，輸入文件名.html格式，點(diǎn)擊保存按鈕即可。

總之，使用記事本編碼生成網(wǎng)頁表格，不僅方便快捷，還能夠更加靈活地掌控網(wǎng)頁表格的效果。