web development codes(codewithharry)

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Ids and Classes in HTML </ title > </ head > < body >      < h3 > IDs and classes tutorial </ h3 >      < div   id = "mainBox"   class = "redBg blueBorder" >         this is mainbox      </ div >      < span   class = "redBg" ></ span >      <!-- two elements cant have same id. an element cant have more than one id. two elements can h...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Inline and Block elements </ title > </ head > < body >      < p   style = " border: 2px solid red; " > This is a paragraph </ p >      < p   style = " border: 2px solid blue; " > This is also a paragraph </ p >      <!-- paragraph is a block element islie vo saari jagah leleta h aur next para next line se start hota h  -->      < span   style = " bo...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Forms </ title > </ head > < body >      < h2 > This is HTML forms tutorial </ h2 >      < form   action = "backend.php" >          < label   for = "name" >              < div >                 Name:  < input   type = "text"   name = "myName"   id = "name" >              </ div >   ...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Tables and lists </ title > </ head > < body >      <!-- LISTS -->      < ul   type = "square" >          < li > This is first item of my unordered list. </ li >          < li > This is second item of my unordered list. </ li >          < li >              < ul >        ...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Links and images </ title > </ head > < body > <!-- if we press alt and then click on multiple places then all of them will have cursors and type the same thing. -->      < a   href = "https://google.com"   target = "_blank" >  Go to google  </ a >      < a   href = "https://facebook.com"   target = "_blank" >   < br > Go to facebook  </ a >      < a   href = "https://twitter.co...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Heading Paragraphs and Emmet </ title > </ head > < body >    < h1 >  Shresthy </ h1 >      < h2 >  Shresthy </ h2 >      < h3 >  Shresthy </ h3 >      < h4 >  Shresthy </ h4 >      < h5 >  Shresthy </ h5 >      < h6 >  Shresthy </ h6 >      <!-- lorem23 for dummy text with 23 words -->       < p > Lorem ipsum dolor sit....

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < meta   name = "description"   content = "this is description" >      < meta   name = "keywords"   content = "html, html tutorials, web development" >      < meta   name = "robots"   content = "INDEX, FOLLOW" >      < title > Document </ title >      <!-- this is how you include external css and js-->      < link   rel = "stylesheet"   href = "shresthy.css" >      < script   src = "shresthy.js" ></ scrip...