Basic source code of html for begginer

 <!DOCTYPE html>

<html>

<head>
    <title>Forgings</title>
</head>

<body>
    <a href="blog.html">My Blog</a>
    <!-- Headings -->
    <h1>Heading One</h1>
    <h2>Heading One</h2>
    <h3>Heading One</h3>
    <!-- Paragraphs -->
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non reprehenderit quis labore veniam
        quia odio, neque porro excepturi <strong>error similique accusantium in rerum</strong> nisi quae repellendus
        ipsam ab explicabo aperiam. Quisquam, ipsam!
    </p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non reprehenderit quis labore veniam
        quia odio, neque porro excepturi <em>similique accusantium</em> error in rerum nisi quae repellendus
        ipsam ab explicabo aperiam. Quisquam, ipsam! Lorem ipsum dolor sit amet consectetur adipisicing elit.
        Rem sequi deleniti illum ducimus <a href="http://google.com" target="_blank"> voluptas</a> ea deserunt,
        asperiores, ratione, fugit accusantium culpa
        veniam exercitationem! Perferendis, nisi fuga quia repellat quidem eos.
    </p>
    <!-- Lists -->
    <ul>
        <li>List 1</li>
        <li>List 2</li>
        <li>List 3</li>
        <li>List 4</li>
    </ul>
    <ol>
        <li>List 1</li>
        <li>List 2</li>
        <li>List 3</li>
        <li>List 4</li>
    </ol>
    <!-- Tables -->
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Age</th>
            </tr>
        </thead>
        <tbody>
            <tr> 
                <td>Harsh Prasad</td>
                <td>harshprasad78@xyz.com</td>
                <td>19</td>
            </tr>
            <tr>
                <td>Sushil kumar</td>
                <td>sushilhasas8@xyz.com</td>
                <td>39</td>
            </tr>
            <tr>
                <td>Rohan Sharma</td>
                <td>rh98384d78@xyz.com</td>
                <td>22</td>
            </tr>
        </tbody>
    </table>
    <!-- Forms -->
    <form action="no.php" method="POST">
        <div>
            <label>First Name</label>
            <input type="text" placeholder="First Name">
        </div>
        <br>
        <div>
            <label>Last Name</label>
            <input type="text" placeholder="Last Name">
        </div>
        <br>
        <div>
            <label>Email</label>
            <input type="email" placeholder="xyz@abc.pqr">
        </div>
        <br>
        <div>
            <label for="">Message</label>
            <textarea name="msg" id="" cols="30" rows="10" placeholder="Your Experience"></textarea>
        </div>
        <br>
        <div>
            <label for="">Gender</label>
            <select name="gender" id="">
                <option value="male">Male</option>
                <option value="female">female</option>
                <option value="other">other</option>
            </select>
        </div>
        <br>
        <div>
            <label for="age">age</label>
            <input type="number">
        </div>
        <br>
        <div>
            <label for="dob">Date Of Birth</label>
            <input type="date" placeholder="dd-mm-yyyy">
        </div>
        <input type="Submit" value="submit">
    </form>
    <br>
    <!-- Buttons -->
    <button>Click Me</button>
    <br>
    <!-- Images -->
    <a href="sample.jpg" target="_blank">
        <img src="sample.jpg" alt="Sample Imag" height="200" width="200">
    </a>
    <br>
    <img src="https://images.unsplash.com/photo-1624526141681-2dc03a77f26f?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"
        alt="Sample Image" widht="200" height="200">
    <br>
    <!-- Quoatations -->
    <blockquote cite="http://harsh.com">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nostrum culpa,
        optio, sint alias harum velit molestias nemo illum qui enim deleniti
        expedita reiciendis, eos laborum rerum iste. Sunt, natus porro?
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis placeat
        eaque exercitationem numquam reprehenderit ullam! Unde ab nobis aliquam quis
        repellendus ex quae provident! Autem similique eaque recusandae blanditiis,
        non numquam placeat sed, accusamus atque architecto explicabo illum ullam nemo.
    </blockquote>
    <p>
        I love <abbr title="Indian Air Force">AIR</abbr>
    </p>
    <p> <cite>Major DhyanChanda</cite> is <abbr title="Indian Air Force">AIR</abbr> cheif</p>

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Height of the Tree.

  Below is the source code of checking the height of the binary tree. If you need any explanation then please feel free to contact me on my email i.e harshprasadaju@gmail.com. Thankyou. #include   <stdio.h> #include   <stdlib.h> struct   tree {      int   data ;      struct   tree   * left ;      struct   tree   * right ; }; struct   tree   * Createnode ( int   data ) {      struct   tree   * nd   =  ( struct   tree   * ) malloc ( sizeof ( struct   tree ));      nd -> left   =   NULL ;      nd -> right   =   NULL ;      nd -> data   =   data ;      return   nd ; } void   inOrderTraversal ( struct   tree   * root ) {      if  ( root   != ...
Read more

Insert and delete item in a BST

  #include   <stdio.h> #include   <stdlib.h> struct   tree {      int   data ;      struct   tree   * left ;      struct   tree   * right ; }; int   arr [ 9 ],  i   =   0 ; struct   tree   * Createnode ( int   data ) {      struct   tree   * nd   =  ( struct   tree   * ) malloc ( sizeof ( struct   tree ));      nd -> left   =   NULL ;      nd -> right   =   NULL ;      nd -> data   =   data ;      return   nd ; } void   inOrderTraversal ( struct   tree   * root ) {      if  ( root   !=   NULL )     {          inOrderTraversal ( root -> left );  ...
Read more

Multiple parenthesis balancing problem using stacks

  Below is the source code of parenthesis balancing problem using stacks. If you need any explanation then please feel free to contact me on my email i.e harshprasadaju@gmail.com. Thankyou. #include   <stdio.h> //Ignore spellings error #include   <stdlib.h> #include   <string.h> struct   stack {      int   top ;      int   size ;      char   * arr ; }; int   isEmpty ( struct   stack   * ptr ) {      if  ( ptr -> top   ==   - 1 )          return   1 ;      return   0 ; } struct   stack   * createStack ( int   size ) {      struct   stack   * s   =  ( struct   stack   * ) malloc ( sizeof ( struct   stack ));      s -> size   =   size ;   ...
Read more