Scribd Logo
Upload

Welcome to Scribd!

  • Topic No 1 Advanced Web Designing (Programs)

    Uploaded by

    sohamgavankar006
    26 views6 pages
    The document contains 3 questions asking to write HTML code with CSS to style web elements like company name, headings, forms, and lists. The solutions provided HTML code using CSS to: 1) Style a company name heading with a green background and red text, and blue paragraph text. 2) Create a user registration form with styled headings and inputs for name, age, and email. 3) Create ordered and unordered lists divided into two columns using CSS floats to display cities and their tourist places.

    Original Description:

    Original Title

    topic no 1 Advanced Web Designing(Programs)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains 3 questions asking to write HTML code with CSS to style web elements like company name, headings, forms, and lists. The solutions provided HTML code using CSS to: 1) Style a company name heading with a green background and red text, and blue paragraph text. 2) Create a user registration form with styled headings and inputs for name, age, and email. 3) Create ordered and unordered lists divided into two columns using CSS floats to display cities and their tourist places.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    26 views6 pages

    Topic No 1 Advanced Web Designing (Programs)

    Uploaded by

    sohamgavankar006
    The document contains 3 questions asking to write HTML code with CSS to style web elements like company name, headings, forms, and lists. The solutions provided HTML code using CSS to: 1) Style a company name heading with a green background and red text, and blue paragraph text. 2) Create a user registration form with styled headings and inputs for name, age, and email. 3) Create ordered and unordered lists divided into two columns using CSS floats to display cities and their tourist places.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 6

    1-Advanced Web Designing

    Q.7) Programs

    1) Write a program using html with following CSS specification-

    1. The background colour of the company name should be in green.


    2. The text colour of the company name should be red.
    3. The heading should be large with font "comic sans ms"
    4. The description of the company should be displayed in blue color in a
    paragraph.

    Solution:

    <!DOCTYPE HTML>

    <html>

    <head>

    <title>Titan Fastrack</title>

    <style>

    h1{text-align:center; background-color:green; color:red; font-family:"comic sans


    MS";}

    p{color:blue;}

    </style>

    </head>

    <body>

    <h1>Titan Fastrack</h1>

    <p>

    Fastrack is an Indian fashion accessory retail brand, launched in 1998 as a sub-


    brand of Titan Watches. In 2005, Fastrack was spun off as an independent brand
    targeting the urban youth and growing fashion industry in India. Fastrack began
    opening retail stores throughout the country.

    </p>

    </body>

    </html>

    Output:
    2) Write html5 code with CSS as follows-

    1. To Create form to accept name, age, email address, from the user.
    2. Create a submit button to send the data.
    3. The heading of the form should have a background colour and a
    different font style.

    Solution:

    <!DOCTYPE HTML>

    <html>

    <head>

    <title>

    User Registration Form

    </title>

    <style>

    h1{

    background-color: pink;

    font-style: italic;

    text-align: center;

    </style>

    </head>

    <body>

    <h1>User Registration Form</h1>

    <form>
    Name<input type="text" name="form-name"><br><br>

    age<input type="number" name="form-age"><br><br>

    Email Id<input type="email" name="form-email"><br><br>

    <input type="submit" value="submit">

    </form>

    </body>

    </html>

    Output:
    3) Write Html5 code with CSS as Follows-

    1. Create ordered list with names of tourist Cities.


    2. Create unordered list with tourist places of those cities.
    3. Divide the list into two sections left and right by using CSS.

    Solutions:

    <!DOCTYPE HTML>

    <html>

    <head>

    <title>Cities and Places</title>

    <style>

    section{background-
    color:blue;width:50%height:50%;float:left;color:black;fontsize-30px;outline-
    style:solid;}

    aside{background-
    color:green;width:50%height:50%;float:left;color:black;fontsize-30px;outline-
    style:solid;}

    </head>

    </style>

    <body>

    <ol>

    <li>Agra</li>

    <li>Paris</li>

    <li>London</li>

    </ol>
    <ul>

    <li>Taj Mahal</li>

    <li>Eiffel Tower</li>

    <li>Big Ben</li>

    </ul>

    </body>

    </html>

    OUTPUT:

    You might also like