...
hello.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>HTML5 Boilerplate</title>
</head>
<body>
<h1>Hello world, hello NevZeniens!</h1>
</body>
</html>
HTML link
<a href="https://quickref.me">QuickRef</a>
<a href="mailto:jack@abc.com">Email</a>
<a href="tel:+12345678">Call</a>
<a href="sms:+12345678&body=ha%20ha">Msg</a>
- → href The URL that the hyperlink points to
- → rel Relationship of the linked URL
- → target Link target location: _self, _blank, _top, _parent
HTML Comment
<!-- this is a comment -->
<!--
Or you can comment out a
large number of lines.
-->
HTML Headings
<h1>This is Heading 1</h1><h2>This is Heading 2</h2><h3>This is Heading 3</h3><h4>This is Heading 4</h4><h5>This is Heading 5</h5><h6>This is Heading 6</h6>
HTML Image Tag
<img loading="lazy" src="https://picsum.photos/" alt="Describe image here" width="400" height="400">
- → src Required, Image location (URL | Path)
- → alt Description of the image
- → width Width of the image
- → height Height of the image
- → loading How the browser should load
HTML Text Formatting
<b>Bold Text</b>
<strong>This text is important</strong>
<i>Italic Text</i>
<em>This text is emphasized</em>
<u>Underline Text</u>
<pre>Pre-formatted Text</pre>
<code>Source code</code>
<del>Deleted text</del>
<mark>Highlighted text (HTML5)</mark>
<ins>Inserted text</ins>
<sup>Makes text superscripted</sup>
<sub>Makes text subscripted</sub>
<small>Makes text smaller</small>
<kbd>Ctrl</kbd>
<blockquote>Text Block Quote</blockquote>