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 > CSS Fonts </ title >          < link   href = "https://fonts.googleapis.com/css2?family=Tenali+Ramakrishna&display=swap"   rel = "stylesheet" >      < style >          h3 {              font-family : 'Tenali Ramakrishna' ,  'Franklin Gothic Medium' ,  'Arial Narrow' , Arial, sans-serif;         }          p {           ...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Developer Tools </ title >      < style >          p {              color :purple;              font-style : italic;              background-color : rosybrown;         }          .bgprimary {              background-color :#60a0bb;         }...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Selectors </ title >      < style >          p {              border :  2px  solid red;         }          /* id selector */          #bgblue {              color : yellow;              background-color : blue;         }  ...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Tutorial </ title >      < style >          p {              color :blue;              background-color : seagreen  !important ;         }          </ style >      <!-- this is how internal css is to be added  -->      < link   rel = "stylesheet"   href = "tut13.css" > <...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Semantic tags in HTML </ title > </ head > < body >      < h3 > Semantic Elements </ h3 >      <!-- refer google -->      < details >          < summary > Ihave keys but no doors.You can enter but can't leave. What am I? </ summary >         A keyboard      </ details > </ body > </ html >

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > HTML entities </ title > </ head > < body >      < div   class = "container" >      < p > This is a                paragraph </ p >      </ div >        < div   class = "container" >      < p > This is another  &nbsp; &nbsp; paragraph with spaces </ p >      < p > paragraph is written like this  < p ></ p ...