Learning Material Styling :CSD Cognizant CSS mandatory hands-on




index.html
<!DOCTYPE html>
<html>
<head>

 <link rel="stylesheet" href="LearningMaterial.css">

</head>
<body>
<h1>Why to Learn java Programming?</h1>
<div>
<p title="Java Programming">Java is a MUST for students and working professionals
to become a great Software Engineer specially when they are working
in Software Development Domain. I will list down some of the key
advantages of learning Java Programming:</p>

<dl>
<dt class="reasons">Object Oriented</dt>
<dd id="description01">In Java, everything is an Object. Java can be easily
extended since it is based on the Object model.</dd>
<dt class="reasons">Platform Independent</dt>
<dd id="description02">Unlike many other programming languages including C and C++,
when Java is compiled, it is not compiled into platform specific
machine, rather into platform independent byte code. This byte code
is distributed over the web and interpreted by the Virtual Machine
(JVM) on whichever platform it is being run on.</dd>

<dt class="reasons">Simple</dt>
<dd id="description03">Java is designed to be easy to learn. If you understand the
basic concept of <em>OOP Java</em>, it would be easy to master.</dd>
<dt class="reasons">Secure</dt>
<dd id="description04">With Java's secure feature it enables to develop virus-free,
tamper-free systems. Authentication techniques are based on
public-key encryption.</dd>
<dt class="reasons" >Architecture-neutral</dt>
<dd id="description05">Java compiler generates an architecture-neutral object file
format, which makes the compiled code executable on many processors,
with the presence of Java runtime system.</dd>
<dt class="reasons" >Portable</dt>
<dd id="description06">Being architecture-neutral and having no implementation
dependent aspects of the specification makes Java portable. <em>Compiler
in Java is written in ANSI C</em> with a clean portability boundary,
which is a POSIX subset.</dd>
<dt class="reasons">Robust</dt>
<dd id="description07">Java makes an effort to eliminate error prone situations by
emphasizing mainly on compile time error checking and runtime
checking.</dd>

</dl>



</div>


</body>
</html>

style.css

body {
    background-color: #00FFFF;
    font-family: Arial;
    font-size: 12px;
}
h1{
    font-size: 2.5em;
}
dd{
    font-size: 1.5em;
}
p{
    color: #FF0000;
    font-size: 1.7em;
    line-height: 1.5;
}
.reasons{
    color: #FF0F70;
    font-weight: bold;
    line-height: 1.5;
    font-size:1.5em;
}
#description01{
    font-style: italic;
    color:#F500FF;
}
#description07{
    font-style: italic;
    color:#FF4500;
    font-weight: bold;
}
em {
  color: #FF0000;
  font-weight: bold;
}

Comments

Post a Comment

Popular posts from this blog

Feed-Back Details: CTS CSD JS Mandatory Hands-on 3

Image
  Feed-Back Details: CTS CSD JS Mandatory Hands-on 3 index.html <!DOCTYPE html> <html> <head>     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>     <title></title>   </head>   <body>    <h2>Feedback for the ART OF LIVING session</h2> <table>     <tr> <td>Enter the Feedback:</td> <td><textarea name="feedback" id=feedback rows="4" cols="40"></textarea></td> </tr> <tr> <td colspan="2"><input type="button" name="create" id="create" value="Add Feedback" onclick="addFeedback();" /></td> </tr> <tr> <td colspan="2"><input type="button" name="view" id="view" value="View Feedback" onclick="displayFeedback();" /></td> </tr> </t...
Read more

Bill Calculator: CTS CSD JS MANDATORY HANDS-ON 3

Image
 Bill Calculator: CTS CSD JS MANDATORY HANDS-ON 3 index.html <!DOCTYPE html> <html>     <head>         <title>Bill Calculator</title>         <link rel="stylesheet" type="text/css" href="billcalc.css">     </head>     <body>         <h1>Bill Calculator</h1>         <form onsubmit="return calculateTotalPrice();">         <table>             <tr>                 <td>Product Name</td>                 <td><input type="text" id="productName" placeholder="Product Name" required></td>             </tr>             <tr>                 ...
Read more
Image
  ACTB Connection Portal: JS Mandatory Hands-on 1 CSD CTS index.html <!DOCTYPE html> <html>     <head>         <style>            body{                 background-color: #EED426;                 text-align: center;            }            h1{                 color:#006666;                 font-family: Verdana;                 text-align:center ;            }            p{                text-align: center;            }            table{               ...
Read more