Posts

Showing posts from April, 2021

EXERCISE 6 ORDER LIST CODE

-
Image
 PACKAGE 1  PACKAGE 2   PACKAGE 3   NO PACKAGE FOUND ( IF YOU PUT INCORRECT PACKAGE NUMBER )  THE CODES:  <!DOCTYPE html> <html> <head> <style> h1 {     margin-left: 280px; font-family: "verdana"; } h4 {  margin-left: 285px; font-family: verdana; } p {     margin-left: 40px; } label {     display: inline-block; width: 150px; height: 20px; padding: 10px; margin-left: 30px; font-family: "verdana"; } fieldset {        margin-left: 280px;   margin-right: 280px;   background: #6495ED;   padding: 5px;   font-family: "verdana"; } #demo {         position: relative;    margin-left: 280px;    margin-right: 280px; } #runthis {          margin-left: 205px; margin-top: 25px; } </style> </head> <...
Post a Comment
Read more

EXERCISE 6: EXTERNAL CCS FILES OF COLOR VALUES

-
Image
 EXERCISE 6: EXTERNAL CCS FILES OF COLOR VALUES   the preview:  they basically follow the same format THE CODE FOR HTML: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>CSS of Color Values</title> <link rel="stylesheet" href="EXERCISE 6 COLOR.CSS"> </head> <style> * { box-sizing: border-box; } body { margin-top: 15px; margin-left: 100px; margin-right: 100px; } .column { float: left; width: 33.33%; padding: 10px; height: 300px; } .row:after { content: ""; display: table; clear: both; } </style> </head> <body> <h1> Color Values </h1> <div class="row">   <div class="column">    <div class="red1"> <h1> Red 1 </h1> </div> <div class="red2"> <h1> Red 0.9 </h1> </div> <div class="red3"> ...
Post a Comment
Read more
-
entities and color  Hexadecimal Color Code     In computing we can identify a color using a unique color code which consists of a # followed 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 the primary colors: which means that every color is made of a combination of these three 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) Gray = #808080 = RGB(128, 128, 128) Silver = #C0C0C0 = RGB(192, 192, 192) Yellow = #FFFF00 = RGB(255, 255, 0) Purple = #800080 = RGB(128, 0, 128) Orange = FFA500 = RGB(255, 165, 0) Maroon = #800000 = RGB(128, 0, 0) Fuchsia = #FF00FF = RGB(255, 0, 255) Lime = #00FF00 = RGB(0, 255, 0) Aqua = #00FFFF = RGB(0, 255, 255) Teal = #008080 = RGB(0, 128, 128) Olive = #808000 = RGB(128, 128, 0) Navy = #000080 =...
Post a Comment
Read more
-
Image
 BACKGROUND IMAGE so I will use the background image presented in photoblog like this one: the code is  the background photo:
Post a Comment
Read more
-
Image
 PHOTOBLOG      <!doctype html> <head> <title> Things to know about me </title> </head> <body> <Body style="background-image:url('emman.jpg')">  <big><b><h1><p style="float:left" font="TNR"><a id="A"> THINGS TO KNOW ABOUT ME </big></b></h1></p></a> <p style="color:orange;"><a href="#MPI"><h3 style="text-align:right;font-family:TNR;"> My Personal Information </font></h3></a> <p style="color:orange;"><a href="#FB&H"><h3 style="text-align:right;font-family:TNR"> Family Backrgound & Hobbies </font></h3></a> <p style="color:orange;"><a href="#MFP"><h3 style="text-align:right;font-family:TNR;"> My Future Plans </font></h3>...
Post a Comment
Read more
-
Image
 REGISTRATION FORM <!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" requ...
Post a Comment
Read more