30/09/2018, 19:46

Thay đổi hình nền background trong HTML

Mình mới bắt đầu học HTML tới phần thay đổi ảnh nền mình làm như bên dưới nhưng không thay đổi được. Mong mọi người giúp đỡ xem mình sai chỗ nào

<html>
<head><title> Học HTML </title></head>
<body background = "‪‪C:UsersduongPicturesdownload.jpg">

Buổi học HTML đầu tiên

</body>
</html>

Thảo Nguyễn viết 21:50 ngày 30/09/2018

mình cũng mới học,mình nghĩ bạn nên dùng thẻ div và viết css cho nó

vũ xuân quân viết 21:52 ngày 30/09/2018

cho mình hỏi là file html bạn có lưu trung với file image không vậy.
Nếu không cùng thì không thể được.
Cách tốt nhật là bạn tạo 1 thư mục chứa cùng file html và file ảnh.

Interns viết 21:49 ngày 30/09/2018

vẫn không được anh ơi

vũ xuân quân viết 22:01 ngày 30/09/2018

http://www.w3schools.com/tags/tag_body.asp

anh mới coi lại html5 thì thuộc tính đó không còn được hỗ trợ nữa rồi.

X viết 21:47 ngày 30/09/2018

Em dùng dấu ngoặc kép hay cặp nháy đơn vậy?

Interns viết 21:51 ngày 30/09/2018

Dấu ngoặc kép anh ơi

vũ xuân quân viết 21:55 ngày 30/09/2018

Thử code này xem:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body background='file:///C:/Users/Administrator/Desktop/tam1/Blue_Tiger_Im_IMG_9450.jpg'>
The content of the document......
<br/>
http://www.w3schools.com/tags/tag_body.asp
</body>

</html>

Interns viết 21:48 ngày 30/09/2018

vẫn không được anh à

P/S: Sẵn anh cho em hỏi <!DOCTYPE html> có ý nghĩa gì vậy

Interns viết 21:53 ngày 30/09/2018

Em làm được rồi mọi người ơi do sai đường dẫn. Đường dẫn đúng là: "C:/Users/duong/Pictures/download.jpg"
Cảm ơn 2 anh nhiều nhe. Khi nào có thắc mắc thì em lên đây làm phiền tiếp nữa

vũ xuân quân viết 21:58 ngày 30/09/2018

câu hỏi về thì em tham khảo link này

http://www.w3schools.com/html/html_intro.asp

Hiểu nôm nà là đánh dấu cho trình duyệt biết sẽ thể hiện nội dung này lên màn hình.

Võ Hoài Nam viết 21:46 ngày 30/09/2018

Sửa lại đường dẫn URL, do file hình đặt cùng thư mục với file HTML. Gán cứng kiểu này riết tạo thành một thói quen không tốt.

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body background="Blue_Tiger_Im_IMG_9450.jpg">
The content of the document......
<br/>
http://www.w3schools.com/tags/tag_body.asp
</body>

</html>

À với lại hạn chế dùng mấy cái attribute của HTML. Nếu CSS có hỗ trợ thì dùng của CSS. Ở trường hợp này bạn nên viết CSS và sử dụng background-image để làm. CSS là gì thì bạn coi trên W3School có.

Phan Hoàng viết 21:57 ngày 30/09/2018

Hi, lấy đường dẫn tuyệt đối của HDH vậy thì sau này upload lên web lại … hỏng đấy bạn. Bạn tìm hiểu thêm về đường dẫn tương đối nhé (nên đặt file ảnh + html trong 1 prj folder cha)

Nguyễn Hồng Sơn viết 21:57 ngày 30/09/2018

Dùng đường dẫn tương tối bạn nhé

Trang Tuân viết 21:55 ngày 30/09/2018

Em nên chuyển sang dùng đường dẫn tương đối, khi up lên host hay bê đi bất cứ đâu cũng không bị lỗi. Ví dụ em có một folder như sau:

Lúc này nếu em viết css inline trực tiếp cho thẻ body của file index.html, và tấm hình background nằm trong folder images thì code sẽ như sau:
<body style="background:url('images/background.jpg') no-repeat center top;">
Nếu viết css extend và file style.css nằm trong folder css thì code sẽ như sau:
body{ background:url('../images/background.jpg') no-repeat center top; }
Lý do có dấu …/ trước images là do … nghĩa là đi ra ngoài 1 thư mục, đồng nghĩa với ra ngang cấp với file index.html, rồi từ đó mới quay ngược lại vào folder images. Ví dụ trong total commander và winrar cũng dùng ký hiệu này để chỉ đi ra ngoài 1 thư mục cha: