Entities

 <!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>
    <h2>Reserved characters</h2>
    <p>lesser than: &lt;</p>
    <p>greater than: &gt;</p>
    <p>ampersand: &amp;</p>
    <p>qoutation: &quot;</p>
    <p>apostrophe: &apos;</p>

    <p>non breaking space: &nbsp;</p>
<p>
      this &nbsp; &nbsp; &nbsp; &nbsp;allows &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp;more &nbsp; &nbsp; &nbsp; &nbsp;space
    </p><

    <h2>Mathematical operands</h2>
    <p>addition: &plusmn;</p>
    <p>divide: &divide;</p>
    <p>lesserThan: &lt;</p>
    <p>greater than: &gt;</p>

    <h2>Currency</h2>
    <p>Dollar: &dollar;</p>
    <p>Euro: &euro;</p>
    <p>Pound: &pound;</p>
    <p>Yen: &yen;</p>

    <h2>Symbols</h2>
    <p>copy: &copy;</p>
    <p>Reg: &reg;</p>
    <p>Trade: &trade;</p>
    <p>RightArrow: &rarr;</p>
    <p>Left Arrow: &larr;</p>
    <p>HEARTS: &hearts;</p>
  </body>
</html>

Comments

Post a Comment

Popular posts from this blog

unordered list with image link

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Fruits with Images </ title > </ head > < body >     < h2 > List of Images </ h2 >     < ul >         < li > Apple < a href = "https://tse4.mm.bing.net/th?id=OIP.gxVIhxEKV2L4dkBjwptXjwHaHa&pid=Api&P=0&h=180" > see apple </ a ></ li >         < li > Orange < a href = "https://tse2.mm.bing.net/th?id=OIP.dTDqeIw9k8I7S-RJLmphagHaH-&pid=Api&P=0&h=180 " > see orange </ a ></ li >         < li > Mango < a href = "https://tse4.mm.bing.net/th?id=OIP.G5E2h2jvfrgncuCUQhM0WQHaFj&pid=Api&P=0&h=180" > see mango </ a ></ li > </...
Read more

TextArea

  <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Text Area </ title >   </ head >   < body >     < form action = "/server" >       < label for = "feedback" > provide Feedback: </ label >       < textarea id = "feedback" name = "feedback" ></ textarea >       < button > submit </ button >       < br />       <!-- USING ATTRIBUTES -->       < label for = "feedback" > Provide FeedBack </ label >       < textarea         id = "feedback"         name = "feedback"         rows = "10"       ...
Read more