Scribd Logo
Upload

Welcome to Scribd!

  • HTML and CSS Learning

    Uploaded by

    Babar Khan
    20 views8 pages
    Learning Basic HTML and CSS

    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
    Learning Basic HTML and CSS

    Copyright:

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

    HTML and CSS Learning

    Uploaded by

    Babar Khan
    Learning Basic HTML and CSS

    Copyright:

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

    HTML and CSS Learning

    <html>

    <head>

    <title>Div Division</title>

    <style>

    div{

    display:inline-block;

    /*border:2px solid black;

    height:100px;*/

    .topleft{

    border:8px groove red;

    width:30%;

    position:center;

    .top{

    background-image:url(scandals.jpeg);

    border-bottom:6px groove black;

    width:100%;

    .topbottom{

    background-color:skyblue;

    width:100%;

    border: 4px double green;

    height:40px;

    .left{

    width:18%;
    border-right:2px solid black;

    vertical-align:top;

    margin-top: 50px;

    .middle{

    width:56%;

    border-right:5px double black;

    border-left:5px groove black;

    padding-left:15px;

    padding-right:25px;

    .right{

    vertical-align:top;

    width:18%;

    border-left:3px double black;

    .right1{

    height:300px;

    width:100%;

    border: 2px groove orange;

    .right2{

    height:250px;

    width:100%;

    border: 2px dotted orange;

    .footer{

    width:100%;

    background-image:url(bg.jpg);
    border-top:6px double black;

    text-align:center;

    text-style:bold;

    color:white;

    p{

    text-align:justify;

    tex-indent:55px;

    .Menu{

    width:200px;

    #Menubg{

    background-color:green;

    color:white;

    p:first-line{

    color:Red;

    background-color:skyblue;

    </style>

    </head>

    <body>

    <div class="top">

    <div class="topleft">

    <h1>Global Scandals</h1>

    </div>

    </div>

    <div class="topbottom">
    <h4><marquee scrollamount="3" onmouseover="this.stop()"
    onmouseleave="this.start()">

    This is our new website Visit for knowing about scandals</marquee><h4>

    </div>

    <div class="left">

    <table class="menu" border="2px" color="green" type="double"


    cellpadding="6" cellspacing="7" >

    <tr id="Menubg">

    <th> <a href="index.html">Home</a></th>

    </tr>

    <tr id="Menubg">

    <th><a href="Second.html">Second</a></th>

    </tr>

    <tr id="Menubg">

    <th><a href="divv.html">Division</a></th>

    </tr>

    <tr id="Menubg">

    <th><a href="w3scool.html">w3school</a></th>

    </tr>

    </table>

    </div>

    <div class="middle">

    <h2>Paint Learning</h2>

    <p> Video provides a powerful way to help you prove your point. When you click
    Online Video, you can paste in the embed code for the video you want to add. You can also type a
    keyword to search online for the video that best fits your document.
    To make your document look professionally produced, Word provides header,
    footer, cover page, and text box designs that complement each other. For example, you can add a
    matching cover page, header, and sidebar. Click Insert and then choose the elements you want from the
    different galleries.

    Themes and styles also help keep your document coordinated. When you click
    Design and choose a new Theme, the pictures, charts, and SmartArt graphics change to match your new
    theme. When you apply styles, your headings change to match the new theme.

    Save time in Word with new buttons that show up where you need them. To
    change the way a picture fits in your document, click it and a button for layout options appears next to
    it. When you work on a table, click where you want to add a row or a column, and then click the plus
    sign.

    </p>

    <h2>Reading View</h2>

    <p> Reading is easier, too, in the new Reading view. You can collapse parts of the
    document and focus on the text you want. If you need to stop reading before you reach the end, Word
    remembers where you left off - even on another device.

    Video provides a powerful way to help you prove your point. When you click
    Online Video, you can paste in the embed code for the video you want to add. You can also type a
    keyword to search online for the video that best fits your document.

    To make your document look professionally produced, Word provides header,


    footer, cover page, and text box designs that complement each other. For example, you can add a
    matching cover page, header, and sidebar. Click Insert and then choose the elements you want from the
    different galleries.

    </p>

    <h3>Thems and Style</h2>

    <p> Themes and styles also help keep your document coordinated. When you click
    Design and choose a new Theme, the pictures, charts, and SmartArt graphics change to match your new
    theme. When you apply styles, your headings change to match the new theme.

    Save time in Word with new buttons that show up where you need them. To
    change the way a picture fits in your document, click it and a button for layout options appears next to
    it. When you work on a table, click where you want to add a row or a column, and then click the plus
    sign.

    Reading is easier, too, in the new Reading view. You can collapse parts of the
    document and focus on the text you want. If you need to stop reading before you reach the end, Word
    remembers where you left off - even on another device.
    Video provides a powerful way to help you prove your point. When you click
    Online Video, you can paste in the embed code for the video you want to add. You can also type a
    keyword to search online for the video that best fits your document.

    To make your document look professionally produced, Word provides header,


    footer, cover page, and text box designs that complement each other. For example, you can add a
    matching cover page, header, and sidebar. Click Insert and then choose the elements you want from the
    different galleries.

    Themes and styles also help keep your document coordinated. When you click
    Design and choose a new Theme, the pictures, charts, and SmartArt graphics change to match your new
    theme. When you apply styles, your headings change to match the new theme.

    Save time in Word with new buttons that show up where you need them. To
    change the way a picture fits in your document, click it and a button for layout options appears next to
    it. When you work on a table, click where you want to add a row or a column, and then click the plus
    sign.

    Reading is easier, too, in the new Reading view. You can collapse parts of the
    document and focus on the text you want. If you need to stop reading before you reach the end, Word
    remembers where you left off - even on another device.

    Video provides a powerful way to help you prove your point. When you click
    Online Video, you can paste in the embed code for the video you want to add. You can also type a
    keyword to search online for the video that best fits your document.

    To make your document look professionally produced, Word provides header,


    footer, cover page, and text box designs that complement each other. For example, you can add a
    matching cover page, header, and sidebar. Click Insert and then choose the elements you want from the
    different galleries.

    Themes and styles also help keep your document coordinated. When you click
    Design and choose a new Theme, the pictures, charts, and SmartArt graphics change to match your new
    theme. When you apply styles, your headings change to match the new theme.

    Save time in Word with new buttons that show up where you need them. To
    change the way a picture fits in your document, click it and a button for layout options appears next to
    it. When you work on a table, click where you want to add a row or a column, and then click the plus
    sign.

    Reading is easier, too, in the new Reading view. You can collapse parts of the
    document and focus on the text you want. If you need to stop reading before you reach the end, Word
    remembers where you left off - even on another device.

    </p>
    </div>

    <div class="right">

    <div class="right1">

    <h3>News Updates</h3>

    <ul><marquee direction="up" width="100%" scrollamount="2"


    onmouseover="this.stop()" onmouseleave="this.start()">

    <li> Advertisement 1: <a href="http://globalscandals.weebly.com">


    Global Scandals</a></li>

    <li>Advertisement 1 Dated Feburary 10, 2019</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    </marquee>

    </ul>

    </div>

    <div class="right2">

    <h3>Downloads</h3>

    <ol>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    <li>Advertisement 1</li>

    </ol>

    </div>
    </div>

    <div class="footer">

    For more detail<br/>

    Contact us <br/>

    <a href="mail-to:babar.fazi@gmail.com">Email Us </a>

    </div>

    </body>

    </html>

    You might also like