How To start Coding ?

How To start Coding 


We all know from the 2021 Indian government change the Indian education system so from the new education system is coding is started from class 6 so from 2025 in India everyone is a coder.

SUPPORT ME ON MY NEW WEBSITE - WEBSITE

FIRST STEP TO START CODING OR  LEARN HTML 

  1. OPEN NOTEPAD 
WRITE                             
  <HTML>                                   
 <TITLE></TITLE>                                   
 <HEAD></HEAD                                  
  <BODY>                                
 </BODY                                     
  </HTML>


THIS IS THE SIMPLE BODY SYNTAX ON HTML ,WHEN YOUR START LEARNING HTML THIS CODE IS NECESSARY TO USE WHEN YOU CREATE ANY HTML PAGE .

How To start Coding


2. WE LEARN ABOVE WHAT IS THE FORMAT OF HTML 

NOW WE LEARN MAIN BODY LET'S START 


SEASON 1 

LEARN MAIN SYNTAX

                   <BR></BR>                         -           LINE BRAEK
                   <HR></HR>                           -         HORIZONTAL LINE
                   <B></B>                                -         BOLD
                    <I></I>                                 -         ITALIC     

parentheses TAG

<FONT  FACE="ARIAL" SIZE="3" COLOR="RED">  TOUR TEXT    </FONT

3. LIST [THERE ARE TWO TYPE OF LIST 

[ORDERED LIST AND UN ORDERED LIST]

SUPPORT ME ON MY NEW WEBSITE - WEBSITE

ORDERED LIST 

                        <0L TYPE="1">
                         <OL TYPE="I">
                         <OL TYPE="A">
                         <OL TYPE="a">
                         <OL TYPE="i">



UNORDERED LIST

                     <UL TYPE="SQUARE ">
                     <UL TYPE="DISC">
                     <UL TYPE ="CIRCLE">


How To start Coding


RUN HTML CODE

Remember always I typed <ol type="square "> I wrote but that's a mistake always  (square ) come in ul, Because the square is an unordered list.


How To start Coding

<NOTEPAD FILE> 


<HTML>

<TITLE>HEAD QYATERS</TITLE>

<CENTER>  <HEAD>QUATER NO 1</HEAD>  </CENTER>

<BODY>

<HR>        <BR>



<FONT FACE="ARIAL" SIZE="5" COLOR="RED">


<OL TYPE="SQUARE">

<LI> HEAD QUATERS1   </LI>
<LI> HEAD QUATERS 2  </Li>
<LI> HEAD QUATERS 3  </Li.
<LI> HEAD QUATERS 4  </LI>
<LI> HEAD QUATERS 5  </LI>
<LI> HEAD QUATERS 6  </LI>
<LI> HEAD QUATERS 7  </Li>

</OL> </FONT>

<FONT FACE="ARIAL" COLOR="RED" SIZE="RED">
<UL TYPE="SQUARE">

<LI>HEAD QUATERS  </LI>
<LI> HEAD QUTAERS </LI>
<LI> HEAD QUATERS </LI>

</FONT>
</BODY>
</HTML>



</NOTEPAD FILE> 

SUPPORT ME ON MY NEW WEBSITE - WEBSITE


COMPLETED (OL)ORDERED LIST & (UL) UNORDERED LIST


HOW TO MAKE TABLE IN HTML  


KNOW SOME IMPORTANT THINGS ABOUT TABLES

<TABLE BORDER="1" WIDTH="50" HEIGHT="50" BGCOLOR="RED">

<TH> TABLE HEAD
<TD> TABLE DATA
<TR> TABLE ROW

</TABLE>

<!--MAKE HTML TABLE--! >

<HTML>
<HEAD></HEAD>
<TITLE></TITLE>
<BODY></BODY>

<TABLE BORDER="1" WIDTH="50" HEIGHT="50">

<TH> ITEMS </TH>
<TD> COMPUTERS</TD>
<TD> LAPTOP </TD>

<TR>
<TD>  4556465  </TD>
<TD> 56545  </TD>
<TD> 556456 </TD>

</TABLE>
</BODY>
</HTML>

How To start Coding


In HTML  you can create any type of table , give structure to the tables , 

How To start Coding
Credits - https://www.homeandlearn.co.uk/

<!--Started Tables--!>

<html>
<body>
<table border="1" width="1000" height="250" >
<caption> Tables 2 </caption>
<th> css property </th>
<th> internet exolorer </th >
<th> fire fox </TH >
<TH > CHROME </TH>
<TH > SAFARI </TH>
<TH> OPERA</TH>
<TR>
<TD> BORDER RADIUS</TD>
<TD> YES</TD>
<TD> YES</TD>
<TD> YES</TD>
<TD> YES</TD>
<TD> YES</TD>
<TR> 
<TD>BOX SHADOW </TD>
<TD>YES</TD>
<TD> YES</TD>
<TD> YES</TD>
<TD> YES</TD>
<TD> YES</TD>

<TR>
<TD>CSS ANIMATION </TD>
<TD> NO</TD>
<TD> NO</TD>
<TD> YES </TD>
<TD> YES </TD>
<TD> YES</TD>




</body>
</html>


<caption></caption> is the tag that use in html which is important rembember



Today we learn how to add images in HTML in table tag . 


<html>
<head>
</head>
<title></title>
<body>
<table border="1">
<img src="C:\Users\acer\Downloads\5f41ee1a03c40_thumb900.png"  height="250" width="500">
<img src="C:\Users\acer\Downloads\5f418dc2583b5_thumb900.jpg"  height="250" width="500">
<img src="C:\Users\acer\Downloads\5f401710c1089_thumb900.jpg"  height="250" width="500">


</table>
</body>
</html>


Use your own images in src otherwise, it doesn't work... thanks.
Result when you run this code...
How To start Coding


Today we learn <marquee > This tag help the text to float on the screen and moving like headlines 

Attributes

<marquee bgcolor="blue" behavior="alternate" height="" hspace="" loop=""></marquee>

Visit this site for more attributes -  <marquee>

SEASON 5 [STARTED 2  September 2020 ]

Post a comment

Burtoff Commenter We appreciate you to Here