HTML Full Course - Build a Website Tutorial- codingaliens

Video tutorial is given below,and all the stuffs of video and notes in the form of code is also there💥💥💥💥💥💥



The source code of this video is given below,and you can also understand the basic tags by just reading it


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>HTML course</title>
    <meta name="description" content="This is the description of web page">
    <meta name="authon" content="shivam sharma">
    <meta name="keyword" content="special keywords">
  </head>
  <body>


    <!-- my special tags -->
    <marquee>moving text</marquee>
    <fieldset>
      <legend>coding aliens</legend>
      <p>hi ,this is for coders</p>
    </fieldset>
    <!-- this is the heading tags-->
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>

    <!-- paragraph tags -->
    <p>This is the paragraph</p>

    <!-- div tags -->
    <div >
      it is used for dividing body
    </div>

    <!-- basic tags-->
    <strong>hi this is the strong tag</strong>
    <u>underline tag</u>
    <i>italic_tag</i>

    <!--links are made by using anchor tags-->
    <a href="https://google.com">Google</a>

    <!--images-->
    <img src="C:\Users\SHIVAM\Desktop\extra\bear.gif" >

    <!--unordered list -->
    <ul>
      <li>milk</li>
      <li>curd</li>
      <li>catchup</li>
    </ul>

    <!--ordered list -->
    <ol type="i">
      <li>milk</li>
      <li>curd</li>
      <li>catchup</li>
    </ol>

<!-- description list -->
   <dl>
     <dt>coding aliens</dt>
     <dd>This is the open source codes website or youtube channel</dd>
   </dl>

   <table border="1">
     <tr>
       <th>row1 col1</th>
       <th>row1 col2</th>
     </tr>

     <tr>
       <td>row2 col1</td>
       <td>row2 col2</td>
     </tr>
   </table>

<hr>

<!-- forms -->
   <form>
     <h1>👦🏼</h1>
     <label>name:</label>
     <input type="text" placeholder="name"><br>
     <label>Email:</label>
     <input type="email"><br>
     <label>dob</label>
     <input type="date" name="" value=""><br>
     <label>text area</label>
     <textarea rows="8" cols="80"></textarea>
     <button type="submit" name="button">submit</button>
   </form>

<!-- youtube videos-->
<iframe width="560" height="315" src="https://www.youtube.com/embed/IZtbG6ycm58" frameborder="0" allow="accelerometer;
  autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
   <br>
   <br>
  </body>
</html>



This above code you can write in your notepad also but save this file with anyname.html (.html/htm is must)

Post a Comment

0 Comments