HTML | Tags, Attributes, Etc.

<pre>

Text is displayed as it is written in the HTML file.

&nbsp;

HTML entity used to add extra spaces inside paragraphs.

<b>

Physical tag used to simply make text bold.

<strong>

Semantic tag used to signify text is of importance.

<i>

Physical tag used to make text italic.

<em>

Semantic tag which emphasizes text.

<mark>

used to highlight text.

border-collapse: collapse

CSS property used to prevent double borders in tables.

<caption>

Acts as the title of an HTML table.

list-style-type: value

CSS property used to change bullet points of unordered lists.

<a href=”link” download=”name”>

Attribute for file downloads with links, wherein the value is set as the filename of downloaded resource from the href.

<a href=”mailto:[e-mail]”>

Used to link emails.

<a href=”tel:[phone]”

Used to link telephone numbers.

<img src=”link” title=”name”>

The <title> attribute displays text that appears when an image is on hover.

<form action=”/login”>

<action> attribute is used to define action performed when form is submitted, usually containing the url where the form data is sent.

<for method=”value”>

Used to define HTTP method used in submitting the form.

1. post
   - send data to a server to update resource.

2. get
   - requests data from a resource.

3. dialog
   - closes a dialog and sends a form-submit event.

<form name=”value”>

Specifies the name of the form, used in JS to access the form.

<select id=”pets”>
<option value=”dog”> Dog </option>
</select>

Used to create a menu of options, each option created with the <option> tag.

note: use <optgroup> to create a group of options.

<datalist id=”country”>
<option value=”Australia”>
</datalist>

Similar to <select tag>, but options are defined inside <option> tag, creating a list of pre-defined options with autocomplete feature.

<textarea>

Defines a customizable multiline text input field.

<nav>

Defines a section with navigation links.

<article>

Specifies independent, self-contained content.

<aside>

Defines content aside from the main, like a sidebar.

<details>

Defines additional details which can we viewed or hidden.

<summary>

Defines visible heading for <details> element.