Scribd Logo
Upload

Welcome to Scribd!

  • 1234

    Uploaded by

    subhash
    5 views13 pages
    1234

    Copyright

    © © All Rights Reserved

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    1234

    Copyright:

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

    1234

    Uploaded by

    subhash
    1234

    Copyright:

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

    <html>

    <head>

    <title>Welcome To Web design</title>

    </head>

    <body>

    <body background= "depositphotos_203273622-stock-video-abstract-digital-background-with-


    moving.jpg">

    <h1>Welcome To Web design</h1>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <title>my card></title>

    <style type="text/css">

    *{font-family:sans-serif;

    text-align:center;

    color:orange;

    </style>
    </head>

    <body>

    <div class="cardview">

    <img src="Square Fit_20207151903514.jpg" style="width:11%" color:bule;>

    <div class="desc">

    <h2>Lakshmi.N</h2>

    </div>

    </div>

    </body>

    <header>

    <body>

    <ul>

    <li><a href='http://www.google.com'>Google</a></li>

    </ul>

    </body>

    <body>

    <ul>

    <li><a href='http://www.Facebook.com'>Facebook</a></li>

    </ul>

    </body>

    <body>

    <ul>
    <li><a href='http://www.Youtube.com'>Youtube</a></li>

    </ul>

    </body>

    </header>

    <section>

    <article>

    <style type='text/css' media='all'>

    ul{

    list-style-type:none;

    padding:0;

    margine:0;

    overflow:hidden;

    li{

    float:left;

    font-size:1.3em;

    li a{

    text-decoration:none;

    padding:40px;

    color:white;

    display:black;
    width:168px;

    li a:hover{

    background-color:pink;

    color:black;

    </style>

    <div class='novbar'>

    <ul>

    <li><a href='#home'>Home</a></li>

    <li><a href='#information'>Information</a></li>

    <li><a href='#About'>About</a></li>

    <li><a href='#Contact'>Contact</a></li>

    <li><a href='#others'>others</a></li>

    </ul>

    <!DOCKTYPE html>

    <html>

    <head>

    <title>option Tag tutorial</title>

    <style type="text/css">

    lable{

    font-family:sans-serif;
    font-size:30px;

    .myOutput{

    width:250px;

    hight:300;

    </style>

    </head>

    <body>

    <div class="myOutput">

    <lable for=select "></lable>

    <select id="select">

    <option value="">--Choose any one option--</option>

    <option value="html">HTML</option>

    <option value="css">CSS</option>
    <option value="c">C</option>

    <option value="excel">Excel</option>

    <option value="android">Android</option>

    </select>

    </div>

    </body>

    </html>

    <html>

    <head>

    <title>Register From</title>

    </head>

    <body>

    <style>

    p{

    color:lightgreen;

    font-size:30px;

    text-align:center;

    </style>

    <p >REGISTRATION FROM</p>

    <from>
    <table>

    <tr>

    <td>

    Name :

    </td>

    <td>

    <input type="Name" placeholder="Name" name="">

    </td>

    </tr>

    <tr>

    <td>

    Password :

    </td>

    <td>

    <input type="password" placeholder="Password" name="">

    </td>

    </tr>

    <tr>

    <td>

    Gender :

    </td>

    <td>
    <input type="radio" placeholder="Gender">Male

    <input type="radio" placeholder="Gender">Female

    </td>

    </tr>

    <tr>

    <td>

    Email :

    </td>

    <td>

    <input type="mail" placeholder="Email" name="">

    </td>

    </tr>

    <tr>

    <td>

    Phone no :

    </td>

    <td>

    <select>

    <option>977</option>

    <option>978</option>

    <option>979</option>
    <option>980</option>

    <option>981</option>

    <option>982</option>

    <option>983</option>

    </select>

    <input type="Phone no" placeholder="9848*******" name="">

    </td>

    </tr>

    </table>

    </from>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <title></title>

    <style type="text/css">

    img{

    width: 150px;

    height: 150px;
    border: 3px solid white;

    .putti1:hover{

    border-radius: 40px 0px 40px 0px;

    .putti2:hover{

    border-radius: 60px 60px 60px 60px;

    .putti3:hover{

    border-radius: 100px 0px 100px 0px;

    .putti4:hover{

    border-radius: 100%;

    </style>

    </head>

    <body>

    <p style="color:blue">IMAGE FROM</p>

    <img class="putti1" src="Blue rose_2.jpg">

    <img class="putti2" src="m4brdxA.jpg">

    <img class="putti3" src="chicks.jpg">

    <img class="putti4" src="052063B.jpg">

    </body>
    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <title></title>

    <style type="text/css">

    .Submit{

    background: white;

    color: black;

    border: 2px solid black;

    padding: 15px 32px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    font-style: italic;

    width: 150px;

    border-radius: 0px 20px 0px 20px;


    }

    .green{

    background: green;

    color: white;

    border: 2px solid black;

    padding: 15px 32px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    font-style: italic;

    width: 150px;

    border-radius: 0px 20px 0px 20px;

    .red{

    background: red;

    color: white;

    border: 2px solid black;

    padding: 15px 32px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    font-style: italic;

    width: 150px;
    border-radius: 20px 0px 20px 0px;

    </style>

    </head>

    <body>

    <button class="Submit" type="button">Submit </button>

    <button class="green"type="button">Green</button>

    <button class="red"type="button">Red</button>

    </body>

    </html>

    You might also like