Month: February 2025

HTML Uniform Resource Locators

A URL is another word for a web address.

A URL can be composed of words (e.g. iampsp.com), or an Internet Protocol (IP) address (e.g. 192.68.20.50).

Most people enter the name when surfing, because names are easier to remember than numbers.

URL – Uniform Resource Locator

Web browsers request pages from web servers by using a URL.

A Uniform Resource Locator (URL) is used to address a document (or other data) on the web.

A web address like https://iampsp.com/blog/ follows these syntax rules :

scheme://prefix.domain:port/path/filename

Continue reading HTML Uniform Resource Locators

HTML Encoding

To display an HTML page correctly, a web browser must know which character set to use.

The HTML charset Attribute

The character set is specified in the <meta> tag:

<meta charset="UTF-8">

Continue reading HTML Encoding

Emojis in HTML

Emojis are characters from the UTF-8 character set: 😄 😍 💗

Original Smileys

Char Dec Hex Name
😀 128512 1F600 GRINNING FACE

Example

 <p style="font-size:100px">&#128540;</p>
<p>I will display &#128540;</p>
<p>I will display &#x1F61C;</p>

Continue reading Emojis in HTML

HTML Symbols

Symbols or letters that are not present on your keyboard can be added to HTML using entities.

HTML Symbol Entities

HTML entities were described in the previous chapter.

Many mathematical, technical, and currency symbols, are not present on a normal keyboard.

To add such symbols to an HTML page, you can use the entity name or the entity number (a decimal or a hexadecimal reference) for the symbol:

Continue reading HTML Symbols

HTML Entities

Reserved characters in HTML must be replaced with entities:

  • < (less than) = &lt;
  • > (greater than) = &gt;

HTML Character Entities

Some characters are reserved in HTML.

If you use the less than (<) or greater than (>) signs in your HTML text, the browser might mix them with tags.

Entity names or entity numbers can be used to display reserved HTML characters.

Entity names look like this :

&entity_name;

Continue reading HTML Entities

HTML Computer Code Elements

HTML contains several elements for defining user input and computer code.

See the Pen
HTML code by Iampsp.com (@iampsp)
on CodePen.


Continue reading HTML Computer Code Elements

HTML Responsive Design

Responsive web design is about creating web pages that look good on all devices!

A responsive web design will automatically adjust for different screen sizes and viewports.

What is Responsive Web Design?

Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones).

Continue reading HTML Responsive Design

HTML – Layout Elements and Techniques

Websites often display content in multiple columns (like a magazine or a newspaper).

 

See the Pen
HTML – Layout Elements and Techniques by Iampsp.com (@iampsp)
on CodePen.


Continue reading HTML – Layout Elements and Techniques

HTML – Head Element

The HTML <head> element is a container for the following elements: <title>, <style>, <meta>, <link>, <script>, and <base>.

The HTML <head> Element

The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag.

HTML metadata is data about the HTML document. Metadata is not displayed on the page.

Metadata typically define the document title, character set, styles, scripts, and other meta information.

Continue reading HTML – Head Element

HTML JavaScript

JavaScript makes HTML pages more dynamic and interactive.

 

See the Pen
HTML JavaScript by Iampsp.com (@iampsp)
on CodePen.


Continue reading HTML JavaScript