Web Programming

Posts

Showing posts from March, 2021

Image

<!DOCTYPE html> <html> <head> <style> header { position:fixed; font-family: 'Arial Black'; top:0px; left:0px; width:98%; height:10%; color:#FFFFFF; background-color: #CBC6DC; background-repeat: no-repeat; background-attachment: fixed; background-size: 200% 50%; font-size: 50px; padding:15px; } footer { text-align: center; padding-top:20px; padding-right: 200px; padding-bottom: 700px; padding-left: 325px; background-color: #FFFFF; color: black; font-size: 12px; width: 500px; } body { background-image: url('jillian.jpg'); background-repeat: no-repeat; background-attachment: fixed;yy background-size: 100% auto; padding: 90px; color: white; font-family: "Arial Black"; font-size: 15px; text-align: center; } .frame1 { background-color: #CBC6DC; color: #FFFFFF; font-family: 'Arial Black'; margin-left: 0px; padding-top: 10px; padding: 10px; float: left; width: 517px; } .frame2 { background-color: #CB

Header, HTML, Body

<!DOCTYPE html> <html> <head> <style> header { position:fixed; font-family: 'Arial Black'; top:0px; left:0px; width:100%; height:10%; color:#FFFFFF; background-color: #CBC6DC; background-repeat: no-repeat; background-attachment: fixed; background-size: 200% 50%; font-size: 50px; padding:15px; } footer { text-align: center; padding: 500px; background-color: #FFFFFF; color: white; font-size: 10px; } body { background-image: jpg ('jillian.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: 100% auto; padding: 95px; } .frame1 { background-color: #CBC6DC; color: #FFFFFF; font-family: 'Arial Black'; margin-left: 0px; padding: 15px; padding-top: 5px; padding-left: 15px; float: left; width: 550px; } .frame2 { width: 45%; background-color: #F7DFAC40; float: right; font-family: 'Copper'; color: #000000; margin-left: 0px; padding: 15px; padding-top: .5px

12 Months/ Finding the Events

<html> <body style="background-color:#CBC6DC;"> <h2><p style="font-family:century gothic;"> ENTER NUMBER OF MONTH:</p></h2> <br><input id="text_a" type="text;" /> <p id="answer"></p> <button onclick="myFunction()">Submit</button> <script> function myFunction() { var a=document.getElementById("text_a").value; if (a=="1") { document.getElementById("answer").innerHTML="1 - January, New Year"; } else if (a=="2") {

If else Condition Scholarship

<!DOCTYPE html> <html> <head> <body> <h1>Determine Scholarship </h1> <p>Enter your details : </p> <fieldset> <label>Enter your name </label> <input type="text" onfocus="this.value=''" name="fname" id="fname" value="" /> <br>  <label>Enter your average grade </label> <input type="number" onfocus="this.value=''" name="grade" id="grade" value="" /> <br>  <button onclick="display()" name="Display" id="display" value="Display" > Display </button>  </fieldset> <p id="demo"></p>  <p id="

Hexadecimal colors & Tags

Hexadecimal Color Code - In computing we can identify a color using a unique color code which consists of a # follolwed by 6 digits. This is called the hexadecimal RGB color code. RGB stands for Red, Green, and Blue. These 3 colors are in computing the primary colors: which means that every color is made of a combination of these theree colors. RED - #FF0000 = RGB (255, 0, 0) GREEN - #008000 = RGB (1,128,0) BLUE - #0000FF = RGB (0, 0, 255) WHITE - #FFFFFF = RGB (255, 255, 255) IVORY - #FFFFF0 = RGB (255, 255, 240) BLACK - #000000 = RGB (0, 0, 0) GRARY - #808080 = RGB (128, 128, 128) OLIVE - #808000 = RGB (128, 128, 0) NAVY - #000080 = RGB (0, 0, 128) HTML FORMATTING ELEMENTS/TAGS Formatting elements were designed to display special types of text TAG DESCRIPTION <b> Defines bold text <em> Defines emphasized text <i> Defines a part of text in a alternate voice or mood <small> Define

Resume

<!DOCTYPE html> <html> <head> <title>RESUME</title> </head> <body> <h1> Jillian Marren Dela Cruz </h1> <body>Dasmariñas City, Cavite | jilldelacru26@gmail.com </body> <h1> OBJECTIVES </h1> <body> To be a part of company that includes professional growth which provides challenging and rewarding career while allowing me to utilize my knowledge and skills. </body> <h1>EDUCATIONAL BACKGROUND </h1> <h2> Tertiary Education </h2>> <body> Univeristy of Perpetual Help Systm DALTA - Molino S.Y. 2018-2022 </body> <h1> MY PORTFOLIO </h1> <p> <a https://www.instagram.com/jillworks.digital/?hl=en> Crestivity/My ARTWORKS </a> </p> </body> </html>

Assignment (Interactive)

True or False: x=5, y=4, z=3 1. x >= y; True 2. x == y+1; True 3. x != z; True 4. x < y; False 5. y <= z; False 6. x > y && y > z; True 7. x >= y || y <= z; False 8. x == y && y > z; False 9. x != y && y == z; False 10. ! (x > y + z); True

Registration

<!DOCTYPE html> <html> <head> <title> REGISTRATION FORM </title> <body> <h2>PERSONAL INFORMATION</h2> <fieldset> <form action="/form/submit" method="get"> <label>Full Name:</label> <input type="text" name="full_name" /> <br/> <br/> <label>Username:</label> <input type="text" name="username_name" /> <br/> <label>E-Mail:</label> <input type="email" name="user_email" /> <br/> Birthday <input type="date" name="datel" /> Date <br/> <input type="Password" name="Password" /> Password <br/> <input type="Confirm Password" name="Password"/> Confirm Password<br/> </fieldset> <h3><style type="text/css"> div { margin-bottom: 10px; } label {

First Javascript (Hello World)

<html> <head> <body> <script language> document.write("Hello World!") ; document.write("<br> welcome to Javascript Programming <" ); name=prompt("Enter your name") document.write("<br> Name : <b>" +name ); course=prompt("Enter your course") document.write("<br> Course <b>:" +course); //--> </script> </body>

Fav Song & Fav Subject

<html> <head> <title>My Profile</title> <style> body {background-color: white;} h1 {color: blue;} p {color: red;} hr{ border: 10px solid red;} </style> </head> <body> <h1> Name : Jillian Marren Dela Cruz </h1> <h1>My favorite Songs </h1> <hr> <ol> <li> Napakabuti mo <li> Raise a hallelujah <li> This is my Desire <li> Aking Puso, Mga Papuri </lol> <h2>My favorite Subjects </h2> <ul> <li> Photography <li> Video and Film Productions <li> Personality and Career Development </ul> <h1> Links to your portfolio </h1> <p> <a href="http://facebook.com"> Facebook </a> </p> <p><a href="https://www.instagram.com/jillworks.digital/?hl=en" target = blank> Portfolios </a> </p> <p>My Portfolios is about my Digital Drawings and Photograp

Personal Info

<!DOCTYPE hmtl> <html> <body> <title>Form Element and Attributes</title> <style> //format and styles div{ margin-bottom:10px; } label{ display:inline-block; width:120px; } legend{ padding:20px0; font-size:20px; } </style> </head> <body> <form action="/form/submit" method="GET or POST" > <fieldset> <legend>Personal Information:</legend> <label for="fname">Name</label> <input type="text" placeholder="Enter Name" name="Name" id="fname"/><br/><br/> <label for="number">Phone</label> <input type="number" placeholder="Enter Number" name="Phone" id="number"/><br/><br/> <label for="email">Email</label> <input type="email" placeholder="Enter Email" name="email" required> <br/

Grade Equivalent

<!DOCTYPE html> <html> <head></head> <body> Enter your name: <input type = "text" placeholder="Type" id="Fname" Value=" "><br><br> Enter your Score: <input type = "text" placeholder="Score" id="score" Value=" "><br><br> Enter total number of items: <input type = "text" placeholder="Total" id="total" Value=" "><br> <button type = "button" onclick="next();">Compute</button> <script> function next(){ var n1 = (document.getElementById("Fname").value); var n2 = Number (document.getElementById("score").value); var n3 = Number (document.getElementById("total").value); grade = (n2/n3); grade2=(grade*100); alert("Name: " + n1 + "\n\nScore: &qu