Posts

Showing posts from March, 2021

EXERCISE 1.2= FIRST JAVASCRIPT PROGRAM IN THE BODY

 

EXERCISE #1

Image
 

EXERCISE: HTML5 - RESUME

Image
 <!DOCTYPE html> <html> <Head> <Title>My Profile</Title> <style> body{background-color: dodgerblue;} h1{font-size:23.5px;} h2{font-size: 20px;} h3{font-size: 17px;} p{font-size: 15px;} </style> </head> <body>  <h1>LANCE ANDRE T ANDRADA</h1> <h1>CONTACT#: 09668967272</h1> <h1>andradalance@gmail.com</h1> <h2>SUMMARY</h2> <p>I would to work in you company I'm lance and I work extensively, balancing every task that you will give to me and willing to take different kinds of risk to contribute skills and future achievements for our company</p> <h2>EDUCATION BACKROUND</h2> <h3>SENIOR-HIGHSCHOOL</h3> <dl><b> <dt> University of Perpetual Help System Dalta</dt> <dd>-Year 2016-2018</dd> </dl> <h3>COLLEGE <dl> <dt>Univeristy of Perpertual Help System Dalta</dt> <dd>-Year 2018-2022...

EXERCISE : COMPUTING GRADES

Image
 <!DOCTYPE html> <html>     <head> <title> TOTAL OF GRADES<b></title> </head> <body> <b>Enter your name: <input type = "text" placeholder= "type" id="input1" Value=" "><br> <b>Enter your score: <input type = "text" placeholder= "type" id="input2" Value=" "><br> <b>Enter the Total number of Items: <input type = "text" placeholder="type" id="input3" Value=" "><br> <button type= "button" onclick= "next();">compute</button> <script> function next(){ var n1 =(document.getElementById("input1").value); var n2 = Number(document.getElementById("input2").value); var n3 = Number(document.getElementById("input3").value); Grade1 =(n2/n3); Grade2 =(Grade1*100); alert("name:" + n1 + "\n\ntotal score...

REGISTRATION SAMPLE IN HTML

Image
 <!DOCTYPE html> <html> <head> <title>REGISTRATION FORM</title> <style> div {margin-bottom: 10px; } label {dispaly: inline-block; width: 120px; } fieldset {background:#ADD8E6; } legend {padding:20px; font-size:20px; } </style> </head> <body> <form action="/from/submit" method="GET or POST"> <fieldset> <legend><b><i>REGISTRATION FORM</i></b></legend> <div> <label for ="fname">NAME:</label><br/><br/> <input type="text" name="NAME:" id="fname" value=""required/><br/><br/> </div> <div> <label for="Address">ADDRESS:</label><br/><br/> <input type="type" name="ADDRESS:" id="Address" value=""required/><br/><br/> <div/> <div> <label for ="contactnum"...

EVENT CALENDAR USING HTML

  EVENT CALENDAR SEARCH A MONTH Please type in the Month (1-12); Month: Display

SCHOLARSHIP APPLICATION RESULT HTML5

  Fulfill the details below: SCHOLARSHIP APPLICATION RESULT ENTER YOUR NAME ENTER YOUR PROGRAM: BMMA ABCOM FINE ARTS RADTECH EMAIL GRADE: display ENROLL NOW!!! --- ENROLL NOW!!! --- ENROLL NOW!!! --- ENROLL NOW!!! --- ENROLL NOW!!! --- ENROLL NOW!!! ---

ART BLOG IN HTML 5 USING IMAGES

 <!DOCTYPE html> <html> <head> <style>  body { font-size:40px;  background-color: #FFDEAD;} legend { padding:20px;  font-size:60px; text-align:center;} div.box { border:2px solid; padding:10px; width:30%; height:700px; background-color:white; box-shadow:0px 15px 10px 0px #888888; margin-bottom:25px; } div.polaroid { border:1px solid; padding:10px; width:60%; height:350px; background-color:white; box-shadow:0px 15px 10px 0px #888888; margin-bottom:25px; } div.container {  text-align:left; padding:10px 20px; } img {} </style> </head> <body> <legend>LANCE'S ART BLOG</legend> <img src="https://i.ibb.co/yk2wynj/Future-Dream.png alt="DREAM FAM" style=" width:90%; height:auto;  box-shadow: 0px 20px 15px 0px #888888; padding: 25px; float:center; border:1px;"> <div class="polaroid"> <img src="https://i.ibb.co/qM8YvcV/e...