韓順平php課程 html入門及實戰演練

2021-06-13 02:18:18 字數 3541 閱讀 5518

韓順平php課程---html入門及實戰演練

註明:下面練習程式只是為了學習html,因此布局方面未採用div+css等其他模式,也

實現**的動態響應,未涉及php、jsp等內容。如果對於涉及的html知識理解有困難,可以參看《

html入門及實戰演練

》。1.練習程式---純html實現高階郵箱登陸介面

高階郵箱登陸介面如下所示:

程式實現思想:通過切分,劃分**區域,然後再**中布局表單元素實現。

介面布局示意圖如下圖所示:

實現**如下圖所示:

[html]view plain

copy

print?

<

span

style="font-size: 18px"

>

>

<

html

>

<

head

>

<

title

> 企業郵局

>使用者名稱:<

input

type="text"

>

label

>

td>

tr>

<

tr>

<

tdheight="30px"

>

<

label

>密  碼:<

input

type="text"

>

label

>

td>

tr>

<

tr>

<

tdheight="30px"align="left">

<

input

type="submit"

value="進入郵箱"

>

<

input

type="reset"

value="重新填寫"

>

td>

tr>

<

tr>

<

tdheight="30px"

align="left"

>

<

ahref="#"

>找回密碼

a>

<

ahref="#"

>註冊使用者

郵箱實現思想:

將頁面劃分為5個部分,分為top、midleft、 midright 、btmleft 、btmright;然後分別編寫不同頁面的內容,尤其注意收件箱和廢件箱的**效果實現。

郵箱實現程式**如下所示:

湖北清輝網路發展****

我的廢件箱

重要度附件新郵件

發件人主題

刪除時間 一般

[email protected]

最近還好嗎?

2011-03-20 20:04:00重要有

[email protected]

你的微博有新訊息

2011-03-17 14:04:00 一般

[email protected]

你的論壇帖子有人回應了

2011-03-20 17:04:00

共3封郵件

每頁5封郵件

共一頁當前顯示第 1 頁

★登入系統

郵箱主頁

寫信件收件箱(3)

廢件箱(2)

系統已公升級,個人網盤空間以增加至1g

收件箱(3)

我的收件箱

重要度附件新郵件

發件人主題

接收時間 一般

[email protected]

最近還好嗎?

2011-03-20 20:04:00重要有

[email protected]

你的微博有新訊息

2011-03-17 14:04:00 一般

[email protected]

你的論壇帖子有人回應了

2011-03-20 17:04:00

共3封郵件

每頁5封郵件

共一頁當前顯示第 1 頁

好久沒有收到你的訊息了,最近還好嗎?

寫信件

收件人:

抄  送:

主  題:

信件等級

高階中級

低階 新增附件

linux入門 韓順平 複習版

檢視當前目錄 pwd進入某目錄 cd列舉 lsls a 顯示所有檔案,包括隱藏的檔案 ls l 以列表的形式 ll 建立目錄 mkdir p 建立多級目錄 刪除目錄 rmdir 刪除空目錄 rm rf 刪除非空目錄 r 遞迴 f 不提醒 建立檔案 touch 複製 cp 選項 source dest...

linux入門 韓順平 複習版

新增使用者 useradd 選項 使用者名稱 useradd d home larry 指定使用者家目錄 刪除使用者 userdel 選項 使用者名稱 userdel r 使用者名稱 同時刪除家目錄 查詢使用者 id 使用者名稱 切換使用者 su 使用者名稱 exit 返回原使用者 增加組 grou...

linux入門 韓順平 複習版

all is file in linux.什麼是樹形目錄結構 用來管理檔案系統,形似倒樹而得名,最上方為 在該目錄下建立其他的目錄 類別和功能 bin binary,存放最經常使用的命令 sbin super user,存放系統管理員使用的指令 home 存放使用者的家目錄 boot 存放啟動lin...