我相信當你流覽網頁時，你總會看到一個好的網頁。有些人甚至想嘗試創建自己的頁面，但往往發現他們沒有連絡人，無法啟動。下麵是如何快速創建自己的網頁【一些基本的事情我不會詳細解釋】需要解釋的是以下所有程式碼中使用的樣式（即class=”“引號中的內容是樣式名稱，具有不同的樣式）。此外，名稱是可選的，但我用這種管道命名它們。有關詳細資訊，請使用百度CSS樣式）
首先，打開DW，點擊-新建HTML，彈出一個提示框，默認選項值，點擊OK。您可以進入如下圖所示的介面。此時，編輯器為您提供了一個頁面框架：headbody。第一行是文檔類型聲明，這裡不再解釋。請參攷第二個圖<head>之間的內容<head>未解釋，因為此資訊未直接顯示在流覽器窗口中，暫時與我們無關。
第二，佈局。所有web內容都與內容片段相結合，這意味著我們需要考慮將哪些內容放在哪個片段上。div用於佈局，p（段落）、a（連結）、img（圖片）用於顯示內容，這也是最常用的http://www.5haoxue.net/zhuanti/2014qxhd/ 以該網頁為例，主佈局由Div實現，頁面中使用的程式碼標籤為Div/A/P/dl/DT/DD/UL/Li。首先，您需要瞭解，基本上所有網頁標記程式碼都是成對出現的，一個開始，一個結束：就像這樣：<div></div><a></a>。。。下麵是網頁的主要結構。
現在看圖片。主體區域中有這樣一個標籤<header></header>，總共包含5個<div></div>，第一個是頂部的一級電話號碼。您可以在div中看到單詞top banner1/2/2 TC h230，這是樣式名稱。Div相當於一個盒子或一個盒子。你可以在裡面放任何東西。以<div class=“banner1 TC h230”></div>為例。在樣式banner1中，我設定了這個div:background:URL（../圖片/橫幅1。JPG）無重複中心；在這個錶中，我為Div設定了一個名為banner1的圖片背景。這個圖片位於images資料夾中。同時，不重複表示背景不重複（）。居中表示圖片在div中居中（包括水准和垂直）。H230它的風格是。H230{高度：230px；}高度為230px（點數）。TC僅使用文字對齊：居中；現有文字（內容）對齊管道：居中[與word中的左、右居中相同]。Div不設定寬度。默認情况下，它將顯示100%，這是瀏覽器的視窗大小。如果它包含內容，它將具有最小寬度。
|
