HTML+CSS專案課1:利用table製作百度首頁
知識點:html文件基本結構、table標籤佈局、在單元格中插入文字、圖片、連結、表單。
網頁效果圖:
製作思路:將整個網頁當做一個table表格
1、製作一個6行1列的表格
2、在單元格中插入相關內容
3、在第4行的單元格里插入一個form表單
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table標籤製作的百度首頁-王迪</title>
</head>
<body>
<table width="90%" border="0" cellspacing="0">
<tr>
<td>武漢:<img src="shine.jpg" width="20px" height="20px" />23-37度|空氣質量<font color="#FF0000">良好</font></td>
</tr>
<tr>
<td align="center"><img src="baidu_logo.png"/></td>
</tr>
<tr>
<td align="center"><a href="#">新聞</a> <a href="#">網頁</a> <a href="#">貼吧</a> <a href="#">知道</a> <a href="#">音樂</a> <a href="#">圖片</a> <a href="#">視訊</a> <a href="#">地圖</a> <a href="#">百科</a> <a href="#">文庫</a> <a href="#">更多>></a></td>
</tr>
<tr>
<td align="center" height="80px">
<form action="http://www.baidu.com/baidu" target="_blank">
<input type="text" name="word" size="60"/>
<input type="submit" value="百度搜尋"/>
</form>
</td>
</tr>
<tr>
<td align="center"><a href="#">把百度設為主頁</a> <a href="#">關於百度</a> <a href="#">About baidu</a> </td>
</tr>
<tr>
<td align="center">©2015 Baidu 使用百度前必讀 意見反饋 </td>
</tr>
</table>
</body>
</html>
相關文章
- 專案管理培訓-範圍管理課件製作思路專案管理
- 專案管理培訓-整體管理課件製作思路專案管理
- 【PHP】PHP專案製作PHP
- WordpressCMS主題開發01-首頁製作
- html+css 製作簡易導航欄HTMLCSS
- 如何製作專案管理列表專案管理
- vue專案使用Echarts製作專案工期甘特圖VueEcharts
- 網頁製作加入空的script檔案網頁
- JN專案-app首頁訂票功能實現APP
- 如何利用深度學習製作專業水準的照片?深度學習
- HTML+CSS編寫靜態網站-45 課後作業09HTMLCSS網站
- HTML+CSS編寫靜態網站-35 課後作業07HTMLCSS網站
- HTML+CSS編寫靜態網站-40 課後作業08HTMLCSS網站
- 百度瓦片地圖製作地圖
- 製作百度分享按鈕
- 定製論文頁首頁尾設定需求
- 用HTML+CSS編寫一個計科院網站首頁的靜態網頁HTMLCSS網站網頁
- 網頁外掛製作網頁
- 網頁橫幅製作網頁
- 網頁製作小技巧網頁
- 首頁new wj v1
- 怎樣製作一個能登上TextruingXYZ首頁的寫實肖像CG?UI
- UI設計實戰篇——利用Bootstrap框架製作查詢頁面的介面UIboot框架
- 網頁製作時可以拿起就用的網頁製作小技巧總結網頁
- PPT課件的製作經驗
- Vue+Django 旅遊網專案 首頁前端實現VueDjango前端
- Vue專案中使用Html+Css使div在頁面中居中顯示(水平+垂直)VueHTMLCSS
- 開發者談如何製作首款iPhone遊戲iPhone遊戲
- 直播平臺製作,html+css復刻登入輸入框HTMLCSS
- 利用JavaScript製作星星金字塔JavaScript
- 圖片馬製作及利用方式
- 製作lottie動畫並應用到android專案動畫Android
- 短視訊app製作,各個程式裡常見的首頁輪播圖APP
- 課後作業1:字串加密字串加密
- Web頁面製作基礎Web
- 簡單的網頁製作網頁
- HTML簡單網頁製作HTML網頁
- 衝刺百度首頁排名的“SEO操作精髓”