Homework Solution: Design a webpage using html and css in sublime text about golf in vermont. Use…

    Design a webpage using html and css in sublime text about golf in vermont. Use all structuring elements and a heading and paragraph element. also create at least one of each selectors <p and <h1 I would also like at least one image of some golf course in vermont. Feel free to use colors and to design the webpage to look nice using a stylesheet.

    Expert Answer

     
    golf.html:- ----------------------------------- <!DOCTYPE html>

    Contrivance a webpage using html and css in high quotation environing golf in vermont. Authentication whole structuring atoms and a inscription and passage atom. besides produce at last single of each selectors <p and <h1

    I would besides approve at last single picture of some golf plan in vermont. Feel generous to authentication colors and to contrivance the webpage to seem pleasant using a stylesheet.

    Expert Counterpart

     

    golf.html:-

    ———————————–

    <!DOCTYPE html>
    <html>
    <head>

    <title>golf plan in vermont</title>
    <link rel=”stylesheet” href=”golf123.css” type=”text/css” />

    </head>
    <body>

    <h1 class=”head”>Golf in Vermont</h1>

    <p id=”param”>
    Vermont’s well-manicured golf plans adduce spiritual uncounted provisions and muddy values control players of whole handicaps. From universe class 18-hole plans, to smaller 9-hole uncounted facts, there are dozens of functional golf clubs encircling the avow that can dare golfers of whole levels.

    The Vermont Golf Association has included a register of golf plans, tournaments and adduces throughout Vermont, and makes it manageable control you to size a tee date. The Vermont Golf Association is the arbitrary whole control golf in the avow of Vermont representing more than 8,600 amateur golfers and 62 Vermont golf clubs.

    With muddy plans that are lined with Vermont’s surprising regular landscapes, golf in Vermont is an unforgettable test.
    </p>

    <img src=”golf.jpg” alt=”GOLF”>

    <img src=”golf2.jpg” alt=”GOLF”>

    <img src=”golf3.jpg” alt=”GOLF”>

    </body>
    </html>

    ——————————————————–

    golf123.css:-

    ——————————————————-

    body
    {
    background-image: url(“golf1.jpg”);
    }
    .head{
    color: green;
    text-align: center;
    font-size: 40px;
    }
    #param{
    text-align: center;
    color: #808080;
    font-size: 20px;
    }
    img
    {
    width:440px;
    height:300px;
    }

    ————————————————–

    Images:-

    ————————————————

    golf.jpg Picture:-

    golf1.jpg Picture:-

    golf2.jpg Picture:-

    golf3.jpg Picture:-

    Output picture:-

    ————————————————–

    Explanation:-

    1.First of whole known high quotation and delineation the golf.html statute and paste the statute in high quotation and economize it as golf.html

    2.Now known upstart rasp in high quotation delineation the golf123.css statute and paste the statute in high quotation and economize it as golf123.css

    3.Economize the golf.jpg picture as golf(with production .jpg)

    4.Economize the golf1.jpg picture as golf(with production .jpg)

    5.Economize the golf2.jpg picture as golf(with production .jpg)

    6.Economize the golf3.jpg picture as golf(with production .jpg)

    7.NOTE:-Make believing twain two rasps and whole the pictures in similar folder.

    8.Known golf.html in browser,It succeed semblance the webpage