WEB PROGRAMMING Ex 4: Image

-

Floating Images

Float the image to the right:

https://static.boredpanda.com/blog/wp-content/uploads/2018/11/DlDMpqmU8AACrNU-5bf54975761df__700.jpg

Float the image to the left:

https://danbooru.donmai.us/data/sample/2e/17/sample-2e176d5b3e5f4521cdcc2daeac4d1a55.jpg

Comments

Post a Comment

Popular posts from this blog

FINAL* INTERACTIVE EX 11: Chat Box

-
Image
  HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Message Box </title> <link rel="stylesheet" href="Final Interactive Exercise 12 Chat box"> </head> <body> <section> <h1> Click the chat button below to start chatting </h1> <button class="chat-btn"> <b> CHAT </b> </button> <div id="chat-container" onclick="changeColor()" class="chat-popup"> <div class="chat-area"> <div class="income-msg"> <img src="https://scontent.fmnl17-4.fna.fbcdn.net/v/t1.6435-9/119750405_2384811515158425_5837654595196179074_n.jpg?_nc_cat=104&ccb=1-3&_nc_sid=174925&_nc_eui2=AeGoOCv5B7EbHQm0GPd6xiTQo5YSZYd-j-qjlhJlh36P6uiVIMedAwR8ggszK-Ns8ZtNIsP2Ox1xR4PsBKq0JXXV&_nc_ohc=rnhO5oBjj5...
Read more

WEB PROGRAMMING Ex 5: Header & body

-
Image
  EXERCISE 5 <!DOCTYPE html> <html> <head> <style> body, html { height: 100%; margin: 0; font-family: Times New Roman; background: url("https://scontent.fmnl4-4.fna.fbcdn.net/v/t1.0-9/70242776_2439389376152255_8887865040120578048_o.jpg?_nc_cat=102&ccb=1-3&_nc_sid=19026a&_nc_eui2=AeHkihiUq9Ic1PXUZIssJEfOYW9wiVNLRmNhb3CJU0tGY6Xa9401SSnQH1MuuEybwdFa4t8Nlb-ouGKO21TKNz31&_nc_ohc=Mw1hJnaZVXsAX-6qAUV&_nc_ht=scontent.fmnl4-4.fna&oh=345e2eb735432a8d1623541351ac0cfc&oe=6083B8B5") fixed; background-repeat: no-repeat; background-position: 55% 29.5%; position: relative; } </style> </head> <body> <h2>Daren Kate A. Ojascastro</h2> <p>I'm a 21 years old and a 3rd year student in Perpetual taking a Bachelor of Multimedia Arts.Being a MMA student is so fun yet stressful.  Just imagine finising all of the projects and activity in the majors and also minors. Majors subject can cost you a l...
Read more