Web Development with Shruti

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Selectors </ title >      < style >          /* Id Selector */         #redElement {              color :  red ;         }          /* Class Selector */          .bgBlue {              ...

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS-Cascading Style Sheet Tutorial </ title >      < style >          p  {              color : rgb ( 231 ,  170 ,  79 );              background-color :  seagreen   !important ;         }          </ style >          ...

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Html Semantic Tags </ title > </ head > < body >      < h2 > Semantic Tags </ h2 >      < details >          < summary > Epcot Center </ summary >          < p > Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and...

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > HTML Entities </ title > </ head > < body >      < div   class = "container" >          < p > This is a paragragh </ p >      </ div >      < div   class = "container" >          < p > This is another  &nbsp;     &nbsp;   &nbsp;   paragragh </ p >       ...

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > HTML Entities </ title > </ head > < body >      < div   class = "container" >          < p > This is a paragragh </ p >      </ div > </ body > </ html >

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Ids and Classes in HTml </ title > </ head > < body >      < h2 > Ids and classes Tutorials </ h2 >      < div   id = "mainBox"   class = "redBg" >         This is mainBox      </ div >      <!-- select and press ctrl+/ to comment -->      <!-- Emmet -->      <!--...

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Inline and Block Elements </ title > </ head > < body >      < strong    style = " border: 2px solid red; " > This is a paragraph </ strong >   < p   style = " border: 2px solid blue; " > This is a paragraph </ p >      < a   style = " border: 2px solid blue; " > This is a paragraph </ a >      < span   style = " border: 2px...