The HTML <canvas> element is used to draw graphics, on the fly, via JavaScript.
The <canvas> element is only a container for graphics. You must use JavaScript to actually draw the graphics.
Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
Canvas is supported by all major browsers.
An HTML form is used to collect user input. The user input is most often sent to a server for processing.
See the Pen
HTML Forms by Iampsp.com (@iampsp)
on CodePen.
XHTML is a stricter, more XML-based version of HTML.
XML is a markup language where all documents must be marked up correctly (be “well-formed”).
XHTML was developed to make HTML more extensible and flexible to work with other data formats (such as XML). In addition, browsers ignore errors in HTML pages, and try to display the website even if it has some errors in the markup. So XHTML comes with a much stricter error handling.
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.
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
To display an HTML page correctly, a web browser must know which character set to use.
The character set is specified in the <meta> tag:
<meta charset="UTF-8">
Emojis are characters from the UTF-8 character set: 😄 😍 💗
| Char | Dec | Hex | Name |
|---|---|---|---|
| 😀 | 128512 | 1F600 | GRINNING FACE |
Example
<p style="font-size:100px">😜</p> <p>I will display 😜</p> <p>I will display 😜</p>
Symbols or letters that are not present on your keyboard can be added to HTML using 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:
Reserved characters in HTML must be replaced with 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;
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.
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).
