Web Basic
...
- INSERTING AN IMAGE
<img src="images/my-image.png" alt="Description about my image" />
- LINKING AN IMAGE
- 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.-
- -
<a href="http://www.website.com/" title="Title Link">
<img src="images/my-image.png" alt="Description about my image" />
</a>
<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 & & copyright © © registered trademark ® ® trademark ™ ™ Quotes " " Accents à à Non Breaking Space Complete list of HTML Special Characters
- HTML can render mathematical symbols, Greek characters, various arrows, technical symbols and shapes.
« « ♠ ♠ ♦ ♦ » » ♣ ♣ → → • • ♥ ♥ 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;
}