Web Basic

...

  • INSERTING AN IMAGE
    <img src="images/my-image.png" alt="Description about my image" />
  • LINKING AN IMAGE
    <a href="http://www.website.com/" title="Title Link">
     <img src="images/my-image.png" alt="Description about my image" />
    </a>
  • The HTML tag <figure> specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. If the image has a caption, you can use the tag <figcaption> to add a description.- 
  • <figure>
         <img src="images/my-image.png" alt="Description about my image" />
         <figcaption> This is the description of my image</figcaption>
    </figure>

...

  • USING HTML SPECIAL CHARACTERS
  • ampersand             &      &amp;
    copyright             ©      &copy;
    registered trademark  ®      &reg;
    trademark             ™      &trade;
    Quotes                "      &quot;
    Accents               à      &agrave;
    Non Breaking Space           &nbsp;       
    Complete list of HTML Special Characters
    
  • HTML can render mathematical symbols, Greek characters, various arrows, technical symbols and shapes.
  • «      &laquo;
    ♠      &spades;
    ♦      &diams;
    »      &raquo;
    ♣      &clubs;
    →      &rarr;
    •      &bull;
    ♥      &hearts;
    Complete list of HTML Symbols
    
  • -

...

  • -

...

  • -

...

  • -

Good Semantic HTML5 Markup for SEO



SIteGardien: Semantic HTML5 markup viewer สำหรับตรวจสอบในเว็บของเรา

HTML Living Standard — Last Updated 3 September 2019 - https://html.spec.whatwg.org/multipage/dom.html#semantics-0

MDN: The Article Contents element

How to Write Great Schema Markup for Your Company


responsive from getuikit.com

:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px;
}