HTML Symbols






<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->



HTML Symbols



❮ Previous
Next ❯


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 an HTML entity name.


If no entity name exists, you can use an entity number, a decimal, or hexadecimal reference.



Example



<p>I will display &euro;</p>
<p>I will display €</p>
<p>I will display €</p>

Will display as:



I will display €
I will display €
I will display €

Try it Yourself »


Some Mathematical Symbols Supported by HTML





































































CharNumberEntityDescription
∀∀&forall;FOR ALL
∂∂&part;PARTIAL DIFFERENTIAL
∃∃&exist;THERE EXISTS
∅∅&empty;EMPTY SETS
∇∇&nabla;NABLA
∈∈&isin;ELEMENT OF
∉∉&notin;NOT AN ELEMENT OF
∋∋&ni;CONTAINS AS MEMBER
∏∏&prod;N-ARY PRODUCT
∑∑&sum;N-ARY SUMMATION

Full Math Reference






<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
-->




Some Greek Letters Supported by HTML













































CharNumberEntityDescription
ΑΑ&Alpha;GREEK CAPITAL LETTER ALPHA
ΒΒ&Beta;GREEK CAPITAL LETTER BETA
ΓΓ&Gamma;GREEK CAPITAL LETTER GAMMA
ΔΔ&Delta;GREEK CAPITAL LETTER DELTA
ΕΕ&Epsilon;GREEK CAPITAL LETTER EPSILON
ΖΖ&Zeta;GREEK CAPITAL LETTER ZETA

Full Greek Reference



Some Other Entities Supported by HTML

















































































CharNumberEntityDescription
©©&copy;COPYRIGHT SIGN
®®&reg;REGISTERED SIGN
€€&euro;EURO SIGN
™™&trade;TRADEMARK
←←&larr;LEFTWARDS ARROW
↑↑&uarr;UPWARDS ARROW
→→&rarr;RIGHTWARDS ARROW
↓↓&darr;DOWNWARDS ARROW
♠♠&spades;BLACK SPADE SUIT
♣♣&clubs;BLACK CLUB SUIT
♥♥&hearts;BLACK HEART SUIT
♦♦&diams;BLACK DIAMOND SUIT

Full Currency Reference


Full Arrows Reference


Full Symbols Reference




❮ Previous
Next ❯

-

Popular posts from this blog

Bootstrap 4 Navs

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap 4 Navs ❮ Previous Next ❯ Nav Menus Link Link Link Disabled If you want to create a simple horizontal menu, add the .nav class to a <ul> element, followed by .nav-item for each <li> and add the .nav-link class to their links: Example <ul class="nav">   <li class="nav-item">     <a class="nav-link" href="#">Link</a>   </li>   <li class="nav-item">     <a class="nav-link" href="#">Link</a>   </li>   <li class="nav-item">     <a class="nav-link" href="#">Link</a>   </li>   <li class="nav-item">     <a class="nav-link disabled" href="#">Disabled</a>   </li> </ul> Try it Yourself » Aligned Nav Link Link...
Read more

Google Social Icons

googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Google Social Icons ❮ Previous Next ❯ Social Icons The table below shows all Google Social icons: Icon Description Example cake cake Try it domain domain Try it group group Try it group_add group_add Try it location_city location_city Try it mood mood Try it mood_bad mood_bad Try it notifications notifications Try it notifications_none notifications_none Try it notifications_off notifications_off Try it notifications_active notifications_active Try it notifications_paused notifications_paused Try it pages pages Try it party_mode party_mode Try it people people Try it people_outline people_outline Try it person person Try it person_add person_add Try it per...
Read more

HTML Global Attributes

googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); HTML Global Attributes ❮ Previous Next ❯ HTML attributes give elements meaning and context. The global attributes below can be used on any HTML element. HTML Global Attributes = Attribute added in HTML5. Attribute Description accesskey Specifies a shortcut key to activate/focus an element class Specifies one or more classnames for an element (refers to a class in a style sheet) contenteditable Specifies whether the content of an element is editable or not data-* Used to store custom data private to the page or application dir Specifies the text direction for the content in an element draggable Specifies whether an element is draggable or not dropzone Specifies whether the dragged data is copied, moved, or linked, when dropped hidden Specifies that an element is not yet, or is no longer, relevant id Specifies a unique id for an element lang S...
Read more