zeek16.html

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Developer Tools</title>
    <style>
        #Headline {colorbrown;}

        #firstPara {colordarkblue;}

        .backgroundPrimary {background-coloryellow;}

        .fontStyle {font-styleoblique;}
    </style>
</head>

<body>
    <h2 id="Headline" class="fontStyle">Developer Tools Tutorials</h2>

    <!-- Multiple classes is added in this manner -->
    <p id="firstPara" class="backgroundPrimary fontStyle">This is a tutorial where we
 see how chrome developer tool works</p>

 <div class="backgroundPrimary fontStyle">Right click your webpage on chrome and
 click on inspect.</div>

    <p style="color:blueviolet;background-color: cornsilk;">Open the Chrome menu and go
 to “More Tools” > “Developer Tools.” Finally, you can right-click (Windows) or 
Ctrl-click (Mac) anything on a web page and select “Inspect Element” to open Developer 
Tools. ... You need to open them again for each new Chrome 
window, but you can on a web page and select “Inspect Element” to open Developer Tools
. ... You need to open them again for each new Chrome window, but you can navigate 
between web pages with them open.</P>
    
    
        <a href="https://www.html5rocks.com/en/tutorials/developertools/part1/" 
target="_blank">
CLICK HERE FOR MORE INFO ON CHROME DEVELOPER TOOLS</a>

</body>
</html>

Comments

Popular posts from this blog

INDEX OF ZEEK HTML,CSS and JS