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">😜</p> <p>I will display 😜</p> <p>I will display 😜</p>
Tag: 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:
HTML Entities
Reserved characters in HTML must be replaced with entities:
- < (less than) = <
- > (greater than) = >
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;
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).
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.
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.
HTML JavaScript
JavaScript makes HTML pages more dynamic and interactive.
See the Pen
HTML JavaScript by Iampsp.com (@iampsp)
on CodePen.
HTML Iframes
An HTML iframe is used to display a web page within a web page.
HTML Iframe Syntax
The HTML <iframe> tag specifies an inline frame.
An inline frame is used to embed another document within the current HTML document.
<iframe src="url" title="description"></iframe>
Tip: It is a good practice to always include a
title<iframe>. This is used by screen readers to read out what the content of the iframe is. Continue reading HTML Iframes
HTML id Attribute
The HTML id attribute is used to specify a unique id for an HTML element.
You cannot have more than one element with the same id in an HTML document.
The id Attribute
The id attribute specifies a unique id for an HTML element. The value of the id attribute must be unique within the HTML document.
The id attribute is used to point to a specific style declaration in a style sheet. It is also used by JavaScript to access and manipulate the element with the specific id.
The syntax for id is: write a hash character (#), followed by an id name. Then, define the CSS properties within curly braces {}.
In the following example we have an <h1> element that points to the id name “myHeader”. This <h1> element will be styled according to the #myHeader style definition in the head section: Continue reading HTML id Attribute