Posts

video tutorial

Image
https://youtu.be/YydzV7S5zqU  

gridlayout with internal link with sidebar internal/external links

  <!DOCTYPE html> <html lang="en"> <title>W3.CSS Template</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body {font-family: "Lato", sans-serif} .mySlides {display: none} </style> <body> <!-- Navbar --> <div class="w3-top">   <div class="w3-bar w3-black w3-card">     <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()"       title="To...

9- DROP DOWN MENU LIST

Image
  <head> <title>DropDown List</title> </head> <body> <h4>Seven Wonders of the world</h4> <form> <select name = "dropdown"> <option value = "taj" selected>Taj Mahal</option> <option value = "china">Great Wall of China</option> <option value = "chirst" required>Christ the Redeemer Satue</option> <option value = "machu" disabled>Machu Picchu</option> <option value = "chichen">Chichen Itza</option> <option value = "colossem">The Roman Colosseum</option> <option value = "petra">Petra</option> </select> </form> </body> file:///C:/Users/noy2/Documents/nunoy.html

ACTIVITY 2.1 USING RBGA COLOR VALUES

Image
 <!DOCTYPE html> <html>     <head>         <title>rgba property</title>         <style>             h1 {                 color: green;             }             h1, h2 {                 text-align: center;             }             div {                 background: rgb(0, 151, 19);                 padding: 10px;                 text-align:justify;              }                    div.first {                 /*setting alpha = 0.1*/...

activity 4 html

Image
 file:///C:/Users/noy2/Documents/Nujra.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Photo Blog Layout</title> <style>   h2 {     font-family: Copperplate, fantasy;     font-size: 30px;     align="center"   }   p {     font-family: Arial, Helvetica, sans-serif;     font-size: 25px;   } * {   box-sizing: border-box; } .column {   float: left;   width: 33.33%;   padding: 5px; } /* Clearfix (clear floats) */ .row::after {   content: "";   clear: both;   display: table; } </style> </head> <body> <h2>Photo Layout</h2> <div class="row">   <div class="column">   <a target="_blank" href="friends 3.jpg">     <img src="https://scontent.fmnl6-1.fna.fbcdn.net/v/t1.6435-9/55483221_2298448076874071_4237117513906782208_n.jpg?_nc_cat=103&ccb=1-5&_nc_sid=cdb...

ACTIVITY 2 WEB EDUC

   Identify websites that provide the following serves: Publishing of multimedia presentation 1. Canva 2. Slidebean 3. Google Slides 4. SlideDog 5. Prezi 6. Moovly 7. KnowledgeVision 8. Haiku Deck 9. ClearSlide 10. Slides 11. FlowVella Communication tools Mail Email Telephones Cell phones/Smartphones Computers Cell and Data Plans Video and Web Conferencing Social Networking Sites Microsoft 365/Office Designing and Editing multimedia elements - Canva - PixArt - Wix - piZap - sketchbook Storage of multimedia projects Microsoft OneDrive Google Drive Cloud Mediafire IDrive DropboX

ACTIVITY 2

 file:///C:/Users/noy2/Documents/arjunactivity2.html Web Programming 2.1 My Personal Information Name: Arjun Limpios Age: 21 years old Birthday: june 30 2000 Address: salawag dasma 4 golden city dasmarinas , Cavite Hobbies & Interest Singing Painting Drawing Reading Photography Movies Video Editing coocking Talent & Skills Talent Singing Skills Teamwork Creative Favorite Song motionless in white = code beegees = first of may spongecola _ coda greenday - before the lobotomy Social Media Facebook Activity 2 <!DOCTYPE html> <html> <head> <style> code {   font-family: Consolas,"courier new";   color: crimson;   background-color: #f1f1f1;   padding: 2px;   font-size: 105%; } </style> </head> <body> <h1><p style="color: red">Web Programming 2.1</p></h1> <p style="font-size: 25px;color: blue">My Personal Information</p> <p>Name: Arjun Limpios</p> <p>Age: 21 yea...