當前位置:首頁 » 背景圖片 » html加背景圖片不使用css
擴展閱讀
崇明區有哪些土特產圖片 2024-05-21 04:38:43
生日紅包表情動態圖片 2024-05-21 04:22:35

html加背景圖片不使用css

發布時間: 2024-05-10 18:14:46

⑴ html里怎麼插入背景圖片

1、插入背景圖片有兩種方法,一種是用html的img標簽,另一種是利用css的background標簽插入。具體操作是首先新建一個html文件,寫入兩個div,分別用來演示兩種方法插入標簽:

⑵ html中在div中加背景圖片

html在div加背景圖片的具體操作步驟如下:

1、新建一個html文檔,編寫一個類名等於setbg的div標簽。


⑶ html如何改變背景圖片

如果你想向網頁中添加圖片,用HTML就可以了。但是如果你想將一張圖片設置為網頁背景圖片,就同時需要HTML和CSS。HTML的全名叫做「超文本標記語言」,是一種用來指示瀏覽器在網頁中顯示什麼內容的代碼。CSS的全名叫做「層疊樣式表」,用來改變網頁外觀和布局。你還需要一張用於web頁面的背景圖片。

部分 :
新建文檔

1
創建一個文件夾用來存放HTML文件和背景圖片。在電腦上創建並命名一個文件夾,方便日後查找。
你可以為文件夾隨意命名,但是使用HTML時,最好養成習慣,使用簡短的單個單詞來命名文件和文件夾。

2
將背景圖片放入HTML文件夾。將你想要用作背景的圖片放入HTML文件夾。
如果你不在意網頁是否能在網速較慢的舊設備上運行順暢,可以使用高解析度圖片來作為背景。選擇帶有重復圖樣的簡單圖片作為背景也不錯,因為你可以在這種背景下閱讀任何文本。
如果你沒有圖片,可以下載免費的背景圖。下載好圖片,將它放入創建好的HTML文件夾中。

3
創建一個HTML文件。打開文本編輯器,然後新建一個文件。將文件另存為index.html。
你可以使用任何你想要的文本編輯器,系統自帶的文本編輯器也可以,如Windows的記事本,以及Mac OS X的文本編輯器。
如果你想要使用能處理HTML的文本編輯器,點擊這里下載Windows、Mac OS X、Linux操作系統都可以使用的文本編輯器Atom。
如果你使用的是Mac電腦的文本編輯器,在開始編寫HTML文件之前,單擊「格式」菜單,然後單擊「生成純文本」。該設置會確保HTML文件在網頁瀏覽器中正常載入。
諸如Microsoft Word之類的文字處理程序並不適合編寫HTML,因為它們添加了一些不可見的字元和格式,這些字元和格式可能會破壞HTML文件,讓它無法在網頁瀏覽器中正確顯示。

部分 2 的 5:
編寫HTML文件


復制並粘貼標准HTML代碼。選擇並復制下面的HTML代碼,然後粘貼到打開的 index.html文件中。

⑷ HTML中怎麼插入圖片作為背景,我用的是記事本!

代碼如下:

1、上級目錄<img src="../images/石家莊.jpeg" alt="" />

2、根目錄<img src="/images/石家莊.jpeg" alt="" />

3、同級目錄<img src="images/石家莊.jpeg" alt="" />

4、平鋪背景圖片

<body background="d:image石家莊.jpg">或者<body style="background-image: url(d:image石家莊.jpg);">

5、背景圖片不重復

<body style="background-image: url(d:image石家莊.jpg) no-repeat;">

6、背景圖片居中不重復

<body style="background-image: url(d:image石家莊.jpg) no-repeat 50% 0;">

注意:圖片路徑問題,用d:image石家莊.jpg只能在你自己的電腦上有效,上傳到網站上,建議image文件夾和網頁放在同一目錄,則圖片路徑改為:「image/石家莊.jpg」。

(4)html加背景圖片不使用css擴展閱讀:

HTML中主體內容:

<body></body>;,網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。表示網頁的主體部分,也就是用戶可以看到的內容,可以包含文本、圖片、音頻、視頻等各種內容。

格式一般如下:

<html>

<head>

<title>;網頁名稱</title>

</head>

<body>

存入網頁的主體部分內容如:

<table>;代表表格

<tr>;代錶行

<p>;代表段落

<td>;代表單元格