Scribd Logo
Upload

Welcome to Scribd!

  • Css HTML

    Uploaded by

    ali zain
    5 views9 pages
    css hmtl for web developing

    Original Title

    css html

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    css hmtl for web developing

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views9 pages

    Css HTML

    Uploaded by

    ali zain
    css hmtl for web developing

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    <!

    DOCTYPE html>

    <html>

    <head>

    <style>

    #customers {

    font-family: Arial, Helvetica, sans-serif;

    border-collapse: collapse;

    width: 100%;

    #customers td, #customers th {

    border: 1px solid #ddd;

    padding: 8px;

    #customers tr:nth-child(even){background-color: #f2f2f2;}

    #customers tr:hover {background-color: #ddd;}

    #customers th {

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    background-color: #4CAF50;

    color: white;
    }

    </style>

    </head>

    <body>

    <table id="customers">

    <tr>

    <th>Company</th>

    <th>Contact</th>

    <th>Country</th>

    </tr>

    <tr>

    <td>Alfreds Futterkiste</td>

    <td>Maria Anders</td>

    <td>Germany</td>

    </tr>

    <tr>

    <td>Berglunds snabbköp</td>

    <td>Christina Berglund</td>

    <td>Sweden</td>

    </tr>

    <tr>

    <td>Centro comercial Moctezuma</td>

    <td>Francisco Chang</td>

    <td>Mexico</td>
    </tr>

    <tr>

    <td>Ernst Handel</td>

    <td>Roland Mendel</td>

    <td>Austria</td>

    </tr>

    <tr>

    <td>Island Trading</td>

    <td>Helen Bennett</td>

    <td>UK</td>

    </tr>

    <tr>

    <td>Königlich Essen</td>

    <td>Philip Cramer</td>

    <td>Germany</td>

    </tr>

    <tr>

    <td>Laughing Bacchus Winecellars</td>

    <td>Yoshi Tannamuri</td>

    <td>Canada</td>

    </tr>

    <tr>

    <td>Magazzini Alimentari Riuniti</td>

    <td>Giovanni Rovelli</td>

    <td>Italy</td>
    </tr>

    <tr>

    <td>North/South</td>

    <td>Simon Crowther</td>

    <td>UK</td>

    </tr>

    <tr>

    <td>Paris spécialités</td>

    <td>Marie Bertrand</td>

    <td>France</td>

    </tr>

    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
    </head>
    <body>

    <i class="fas fa-cloud"></i>
    <i class="fas fa-heart"></i>
    <i class="fas fa-car"></i>
    <i class="fas fa-file"></i>
    <i class="fas fa-bars"></i>
    </body>
    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    .serif {

    font-family: "Times New Roman", Times, serif;

    .sansserif {

    font-family: Arial, Helvetica, sans-serif;

    .monospace {

    font-family: "Lucida Console", Courier, monospace;

    </style>
    </head>

    <head>

    <style>

    body {

    color: blue;

    h1 {

    color: green;

    </style>

    </head>

    <body>

    <h1>This is heading 1</h1>

    <p>This is an ordinary paragraph. Notice that this text is blue. The default text color for a page is defined
    in the body selector.</p>

    <p>Another paragraph.</p>
    <html>

    <head>

    <style>

    li {

    display: inline;

    </style>

    </head>

    <body>

    <p>Display a list of links as a horizontal menu:</p>

    <ul>

    <li><a href="/html/default.asp" target="_blank">HTML</a></li>

    <li><a href="/css/default.asp" target="_blank">CSS</a></li>href="/js/default.asp"


    target="_blank">JavaScript</a></li>

    </ul>

    </body>

    </html>
    <!DOCTYPE html>

    <html>

    <head>

    <style>

    div {

    background-color: #eee;

    width: 200px;

    height: 50px;

    border: 1px dotted black;

    overflow: visible;

    </style>

    </head>

    <body>

    <h2>CSS Overflow</h2>

    <p>By default, the overflow is visible, meaning that it is not clipped and it renders outside the element's
    box:</p>

    <div>You can use the overflow property when you want to have better control of the layout. The
    overflow property specifies what happens if content overflows an element's box.</div>

    </body>

    </html>
    if 5 > 2:

    print("Five is greater than two!")

    You might also like