CSS PROGRAMS

-
Inline CSS: Inline CSS contains the CSS property in the body section attached with element is known as inline CSS. This kind of style is specified within an HTML tag using style attribute.

<html> 
    <head> 
        <title>Inline CSS</title> 
    </head> 
      
    <body> 
        <p style = "color:#009900; 
                    font-size:50px; 
                    font-style:italic; 
                    text-align:center;"> 
        KBN COLLGE</p> 
    </body> 
</html>    
Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS rule set should be within the HTML file in the head section i.e the CSS is embedded within the HTML file
<html> 
    <head> 
        <title>Internal CSS</title> 
        <style> 
            .main { 
                text-align:center;    
            } 
            .GFG { 
                color:#009900; 
                font-size:50px; 
                font-weight:bold; 
            } 
            .geeks { 
                font-style:bold; 
                font-size:20px; 
            } 
        </style> 
    </head> 
    <body> 
        <div class = "main"> 
        <div class ="GFG">KBN COLLEGE</div> 
        <div class ="geeks">A computer science portal for students</p> 
        </div> 
    </body> 
</html>      



External CSS: External CSS contains separate CSS file which contains only style property with the help of tag attributes (For example class, id, heading, … etc). CSS property written in a separate file with .css extension and should be linked to the HTML document using link tag. This means that for each element, style can be set only once and that will be applied across web pages.

Css file

 kbn.css
body {
    background-color:powderblue;
}
.main {
    text-align:center;   
}
.GFG {
    color:#009900;
    font-size:50px;
    font-weight:bold;
}
#geeks {
    font-style:bold;
    font-size:20px;
}
Below is the HTML file that is making use of the created external style sheet

 link tag is used to link the external style sheet with the html webpage.
href attribute is used to specify the location of the external style sheet file.

 htmlfile

 <html> 
    <head> 
        <link rel="stylesheet" href="kbn.css"/> 
    </head> 
    <body> 
        <div class = "main"> 
        <div class ="GFG">KBNCOLLEGE</div> 
        <div id ="geeks">A computer science portal for geeks</p> 
        </div> 
    </body> 
</html>    

Comments

Post a Comment

Popular posts from this blog

Java Beans Program

-
Index.jsp <html>     <head>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <title>JSP Page</title>     </head>     <body>               <form action="process.jsp">            <input type="text" name="uname" value="name" onclick="this.value="/><br/>             <input type="text" name="uemail" value="emailid" onclick="this.value="/><br/>            <input type="password" name="upass" value="password" onclick="this.value="/><br/>             <input type="Submit" value="register"/>         </form>                              </body> </html> Process.jsp <%@page contentType="text/html" pageEncoding="UTF-8"%>
Read more

MACHINE LEARNING IN REAL WORLD

-
Image
Machine Learning along with AI is used in many real world applications categorized as follows 1.Self Driving Cars 2.Health Industries 3.Snap chat Application 4.Facial Recognition 5.Crime Investigations 6.Web Series 7.Robotics 8.Speech Recognition 9.Self automated machines like Atms 10.Traffic Detection & Weather forecasting Self Driving cars: The applications that run the infotainment system of a car can receive the information from sensor data fusion systems and for example, have the capability to direct the car to a hospital if it notices that something is not right with the driver. This application based on machine learning also includes the driver’s speech and gesture recognition and language translation. The algorithms are classified as an unsupervised and supervised algorithms. Health Industries: ML is used by Doctors in hospitals in diagnosing the images that are taken in XRAYS, ULTRASOUNDSCAN images and MRI images helpful for diagnosing the disease.
Read more

MACHINE LEARNING INTRODUCTION

-
Image
What is Deep Learning? In this blog, I will be talking on What is  Deep Learning  which is a hot buzz nowadays and has firmly put down its roots in a vast multitude of industries that are investing in fields like Artificial Intelligence, Big Data and Analytics. For example, Google is using deep learning in its voice and image recognition algorithms whereas Netflix and Amazon are using it to understand the behavior of their customer. In fact, you won’t believe it, but researchers at MIT are trying to predict future using deep learning. Now, imagine how much potential deep learning has in revolutionizing the world and how the companies will look for the certified professionals in Deep Learning . Before talking about deep learning, one must understand its relationship with Machine Learning and Artificial Intelligence. The easiest way to understand this relationship is by going through the diagram below: fig: What is Deep Learning – AI Technologies Timeline Here, in t
Read more