Posts

COMPILATION OF ACTIVITIES

Image
hi! My name is Adrian and in this video I wiil teach you how to make a simple Html Code and Css. this topic is called External CSS style of color values bago natin simulan mag lalagay muna tayo ng <doctype> sa first line para basahin ito kung anong version ng  html  at susunadan ng head and ang nasa head ay kung ano ang nilalaan nito katulad ng title na  makikita sa video. ang susunod naman dito ay ang pag link ng CSS sa HTML mo katulad nito, para ma link ay kailangan tugma o pareshas ang pangalan nito at kailangan may "<link href=" sa simula ng pangalan. and susunod naman na line ay ang style , sa style dito mo i eedit kung paano ang magiging itsura ng iyong  ginagawa pag tapos mo ito isave, katulad nalang ng nasa video , mero itong body, colum at row ,  dahil yan ang gagawin nating style sa gagawin natin. ang susunod naman ay ang body kung saan mo ilalagay and mga ditalye ng mga gagawin mo sa baba nito ay mayroong <h1> </h1> dito mo ilalag...
Post a Comment
Read more

HTML AND CSS TUTORIAL (color value)

Image
 
Post a Comment
Read more

Exercise 13 Login & Signup Forms(IMD)

Image
  HTML Login <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Login and Signup </title> <link rel="stylesheet" href="Login.css"> </head> <body> <form name="form"> <h2>Login</h2> <p> Log in to Lexan resin</p> <div> <label for="text"> <b> Username </b> </label> <input  id="user"  name="user" type="text" placeholder="Username"> </div> </div> <div> <label for="psw"> <b> Password </b> </label> <input id="pass" name="pass" type="password"  placeholder="Password"> </div> </div> <div> <button type="button" value="Login" onClick="validate(this.form)"> Login </button>...
Post a Comment
Read more

Exercise 12 Responsive Web Page Design (WP)

Image
  HTML <!DOCTYPE html> <html> <head>     ​<meta name="viewport" content="width=device-width, initial-scale=1"> <style> fieldset     { background: #9e4333;       }                body {background-color: #00A4E4;}     }           iframe:focus {   outline: none; } iframe[seamless] {   display: block; } .navbar {   overflow: hidden;   background-color: #121211; } .navbar a {   float: left;   font-size: 16px;   color: #9e4333;   text-align: center;   padding: 14px 16px;   text-decoration: none; } .dropdown {   float: left;   overflow: hidden; } .dropdown .dropbtn {   font-size: 16px;     border: none;   outline: none;   color:#9e4333;   padding: 14px 16px;   background-color: inherit;   font-family: inherit;   margin: 0;...
Post a Comment
Read more

Exercise 12 Chat box (IMD)

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="Exercise 012 Chat box css.css"> </head> <body> <section> <h1> HI! Welcome to Alexa 👩 click the button to assist you </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://i.ibb.co/31dgnVS/rikkaasa.png" class="Alexa" alt="Alexa"> <span class="msg"> What can I help you?  </span> </div> </div> <div class="input-area"> <input id="name-input" t...
Post a Comment
Read more

Exercise 11 : Counting Drill Game (IMD)

Image
 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Counting Game 0v0 </title> <style> html { font-family: Century Gothic; margin-left: 20%; background-color: #17b8d4;     }        body { max-width: 100px; min-width: 480px;     } fieldset { background-color:#ae94e0; } button { background-color:#c9c012; color: black; border-radius: 30px; width: 200px; height: 60px; } </style> </head> <body> <h1>Count Game!!!</h1> <p> Let's count the shapes on the screen!!!</p> <fieldset> <canvas id="myCanvas" width="995" height="500" style="border:20px;"> </canvas> <label> How many shapes do you see??? </label> <input type="number" id="answer"> </input> <!-- <button id="colors" onclick="colors()" > Colors </but...
Post a Comment
Read more

Exercise 11: YouTube Video Link Parameters (WP)

Image
  HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Linking Videos </title> <link rel="stylesheet" href="Exercise 11 Audio Video.css"> </head> <body> <div class="navbar"> <a href="#home">Home</a> <a href="https://finalssss009.blogspot.com/" >About</a> <a href="https://finalssss009.blogspot.com/">Contacts</a> </div> <div id="row1" class="row"> <div class="column1"> </div> <div id="row1" class="row"> <div class="column2"> <h1 id="home"> HOME </h1> <h3> I wanna share some videos! ☺ </h3> <hr> <h1> short films </h1> <p> This video will autoplay but is muted </p> <iframe width="420" heig...
Post a Comment
Read more