Posts

Showing posts from June, 2021

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