Comment out a line of code

<!--
    This is a comment
-->

Html document

```html
<body>
  <header>
    <nav>...</nav>
  </header>
  <main>
    <h1>QuickRef.ME</h1>
  </main>
  <footer>
    <p>©2023 QuickRef.ME</p>
  </footer>
</body>
```

Formatting text

```html
<h4>Heading 4</h4>
<p>Paragraph</p>
<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>
```

Bold Text This text is important Italic Text This text is emphasized Underline Text

Pre-formatted Text

Source code ~~Deleted text~~ Highlighted text (HTML5) Inserted text ^{Makes text superscripted} _{Makes text subscripted} Makes text smaller Ctrl

Text Block Quote

Lists

Unordered list

I'm an item
I'm another item
I'm another item

  ```html
  <ul>
    <li>I'm an item</li>
    <li>I'm another item</li>
    <li>I'm another item</li>
  </ul>
  ```

Ordered list

I'm an item
I'm another item
I'm another item

  ```html
  <ol>
    <li>I'm an item</li>
    <li>I'm another item</li>
    <li>I'm another item</li>
  </ol>
  ```

Sections

```html
<div></div>	Division or Section of Page Content
<span></span>	Section of text within other content
<p></p>	Paragraph of Text
<br>	Line Break
<hr>	Basic Horizontal Line
```

Inline frame

```html
<iframe title="New York"
    width="342"
    height="306"
    id="gmap_canvas"
    src="https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed"
    scrolling="no">
</iframe>
```

Images

```html
<img loading="lazy" src="https://image.png" alt="Describe image here" width="400" height="400">
src	Required, Image location (URL | Path)
alt	Describe of the image
width	Width of the image
height	Height of the image
loading	How the browser should load
```

Links

```html
<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
```

A simple form

```html
<form>
  <input type="email">
  <input type="password">
  <input type="submit" value="Log in">
</form>
```

Html with Css

Only for testing or for a quick project, you can use inline css. But for a real project, you should use an external css file.

```html
<p style="text-align:center;">Hello</p>
```

Hello

Html