築巢地點：如何使背景圖片的HTML

很多新手網頁設計師，只鑽研創作網站的本質，往往不知道該怎麼做HTML背景圖像。 如果有人能夠解決這個問題，它仍然是在監視器上拉伸圖像的整個寬度的時間的問題。 同時，我想看到的所有瀏覽器上顯示相同的部位，所以應該滿足跨瀏覽器的要求。 您可以設置背景有兩種方式：通過使用 HTML標籤 和CSS樣式。 每一個為自己選擇最好的選擇。 當然，CSS樣式是方便多了，因為它的代碼存儲在一個單獨的文件，並且不佔用額外的音箱在主站點的標籤，但首先，讓我們考慮在網站的後台安裝圖像的簡單方法。

基本的HTML標記來創建背景

所以，我們去的是如何使背景圖像中的HTML屏幕上的問題。 為了尋找美麗的網站，你必須了解一個相當重要的細節：這是不夠只是為了讓一個漸變背景或寫生，純色，但如果你需要插入背景圖片，它不會延長顯示器的整個寬度。 該影像原來需要拿起或使自己的設計，這種擴展，在其中會顯示該網站的頁面。 只有當背景圖像是準備好了，將它拖到名為«圖像»文件夾。 在這裡面，我們將存儲所有使用的圖像，動畫和其他圖形文件。 此文件夾應位於根目錄中所有的HTML文件。 現在你可以和代碼移動。 有幾個選項用於編寫代碼，通過背景將改變圖片。

1. 寫標籤屬性。
2. 通過在HTML代碼中CSS樣式。
3. 寫CSS樣式在一個單獨的文件。

如HTML，使背景圖片，你決定，但我想說它怎麼會是最理想的幾句話。 第一種方法是通過標籤屬性寫早已過時。 第二個選項是使用很少，因為事實證明，很多相同的代碼。 第三種選擇是最常見的和有效的。 下面是HTML標籤的例子：

1. 通過在index.htm文件標籤屬性（體）的第一記錄方法。 它被存儲在這種形式：（體背景=“FOLDER_NAME / Nazvanie_kartinki.rasshirenie”）（/體）。 也就是說，如果我們有一個標題«圖片»和延伸JPG，我們命名為«圖像»，然後將HTML代碼輸入看起來像這樣的文件夾的圖片：（身體背景=“圖像/ Picture.jpg”）...（/體） 。
2. 第二種方法是記錄一個CSS樣式，但它是寫在名為index.htm的同一個文件。 （體型=“背景：網址（'../圖像/ Picture.jpg'）”）。
3. 記錄的第三種方法在兩個文件作出。 名為index.htm的標籤（頭）文件寫入這樣一行：（頭）（鏈接相對=“樣式”類型=“文/ CSS的”href =“HTTP：//網站/條/ 193110 / D0％9F％ ％D1％83％D1％82％D1％8C_％D0％BA CSS_faylu“）（/頭）。 一個名為style.css的風格已經寫：身體{背景：網址（圖像/ Picture.jpg'）}。

如HTML，使背景圖片，我們可以理解。 現在你需要弄清楚如何在整個屏幕的寬度拉伸圖像。

的方式來將背景圖像拉伸到窗口的寬度

我們代表一個百分比的形式我們的屏幕。 事實證明，在屏幕的整個寬度和長度為100％×100％。 我們需要將圖片拉伸到這個寬度。 添加到圖像文件記錄的style.css線，將拉伸圖像在顯示器的整個寬度和長度。 因為它是寫在CSS樣式？ 這很簡單！

體

{

背景：網址（圖像/ Picture.jpg“）

背景尺寸：100％; / *這個職位是適合大部分現代瀏覽器* /

}

所以我們想出如何使屏幕上的HTML中的圖片背景。 也有在index.htm文件記錄的方法。 雖然這種方法已經過時了，但對於初學者，有必要認識和了解。 標籤（頭）（風格）DIV {背景大小：蓋; }（/樣式）（/頭），該記錄意味著我們分配一個特殊單元用於背景，這將被定位在該窗口的整個寬度。 我們考慮兩種方式，如何讓背景圖片的HTML網站，從而使圖像被拉伸到屏幕的任何現代瀏覽器的整個寬度。

如何使一個固定的背景

如果你決定使用圖片作為未來網絡資源的背景下，那麼你只需要知道如何使它固定的，所以它在長度不拉伸並沒有破壞美觀。 只需通過使用HTML代碼來註冊一個小的補充。 您需要提交的style.css背景後添加一個短語：網址（圖片/ Picture.jpg'）固定; 或者分號分隔行之後而不是加入 - 位置是：固定。 因此，你的壁紙將是固定的。 在該網站上滾動的內容，你會看到文本行動，但背景保持不變。 所以，你學會了如何做HTML背景圖片，在幾個方面。

在HTML表工作

許多缺乏經驗的Web開發人員，面對表和塊，往往不知道如何讓HTML圖像背景表。 像所有的 球隊HTML 和CSS樣式，網頁編程語言是相當簡單的。 和解決這個問題是寫一個雙行代碼。 你應該已經知道，寫分別行和列的表格，由標籤（TR）和（TD）所示。 為了使在一個圖像的形式表中的背景，有必要添加到標籤（表），（TR）或（TD）的簡單短語參照參考圖像：背景= URL圖片。 為了清楚起見，我們給出兩個例子。

表用圖片代替背景：HTML示例

繪製一個2×3表，並使其存儲在所述文件夾中的“影像”的背景圖像：（表背景=“圖像/ Picture.jpg”）（TR）（TD）1（/ TD）（TD）2（/ TD）（TD） 3）（/ TD）（/ TR）（TR）（TD）4（/ TD）（TD）5（/ TD）（TD）6（/ TD）（/ TR）（/表）。 因此，我們的表將在圖片的背景繪製。

現在繪製的2x3的相同的板尺寸，但在插入編號為1，4,5和6（表）的列（TR）的圖片（TD背景=“圖像/ Picture.jpg”）1（/ TD）（TD）2 （/ TD）（TD）3（/ TD）（/ TR）（TR）（TD背景=“圖像/ Picture.jpg”）4（/ TD）（TD背景=“圖像/ Picture.jpg”）5（ / TD）（TD背景=“圖像/ Picture.jpg”）6（/ TD）（/ TR）（/表）。 看，我們可以看到，背景只出現在那些在我們註冊，而不是整個表格單元格後。

跨瀏覽器兼容的網站

有這樣的事，作為一個跨瀏覽器兼容的網絡資源。 這意味著，您的網站同樣顯示在不同類型和瀏覽器的版本。 它應該是 HTML代碼 和CSS樣式來定制需要的瀏覽器。 此外，在智能手機的新時代，很多Web開發人員正在努力創建網站，並適用於手機版和電腦的外觀。