Dot in text html

Common HTML entities used for typography

This part of the Web Standards Curriculum looks at the different codes that can be used to represent text characters when there is a need to escape them. There are a number of HTML entities that come in handy when there’s a need for first-rate typesetting. Many of those listed in Table 1 are useful only when used in foreign language copy (and copy written in specific dialects of English), so context should be taken into account before the choice is made to use them.

For the sake of portability, Unicode entity references should be reserved for use in documents certain to be written in the UTF-8 or UTF-16 character sets. In all other cases, the alphanumeric references should be used.

Character(s)	Literal(s)	Alphanumeric value(s)	Unicode value(s)	Prefer to
Cent (currency)	¢	¢	¢
Pound (currency)	£	£	£
Section 1	§	§	§
Copyright	©	©	©	(c)
Guillemets 2	« »	« »	« »	"
Registered trademark	®	®	®	(R)
Degree(s)	°	°	°
Plus/minus	±	±	±	+/-
Pilcrow (paragraph) 3	¶	¶	¶
Middle dot 4	·	·	·
Fractional half 5	½	½	¼	1/2
En dash 6, 7	–	–	–	— for ranges
Em (long) dash 7, 8	—	—	—	— enclosed by spaces, or —
Single quotes 9, 10	‘ ’	‘ ’	‘ ’	‘ or '
Single low quote 11	‚	‚	‚	‘ or comma
Double quotes 9	“ ”	“ ”	“ ”	«, " , , or «
Double low quote 11	„	„	„	" or ,,
Single & double daggers	† ‡	† ‡	† ‡	* and **
Bullet	•	•	•	*
Ellipsis 12	…	…	…	.
Prime & double prime 13	′ ″	′ ″	′ ″	‘ , , ' , " , minutes:seconds elapsed
Euro sign	€	€	€
Trademark	™	™	™	(tm)
Almost equal to	≈	≈	≈	~
Not equal to	≠	≠	≠	!=
Less/greater than or equal to	≤ ≥	≤ ≥	≤ ≥	=
Less/greater than		< >	> <

Table 1: HTML entities useful for proper typesetting, listed in order by decimal Unicode position.

Note that guillemets are used for quotes in certain European languages (such as French and Norsk); in these situations, you should always use q elements instead.

HTML entity usage notes

1. Citations of statute law, eg, “29 USC § 794 (d),” are the matter most likely to reference this character.
2. Guillemets often enclose the names of stories, songs, films, public accommodations (eg, «Rick’s Café Americain»), and popular toponyms in European languages, particularly those of the Romance sub-family. They are also used for quotes in certain European languages (such as French and Norsk); in these situations, you should always use q elements instead.
3. The pilcrow, used to mark the beginning of paragraphs that might otherwise be ambiguous, is useful when setting teaser copy. The print distribution of Rolling Stone magazine has often used such an approach. In technical writing, it might also be useful for marking an orphaned first line of a paragraph. ¶ Paragraphs marked with this symbol will most often be assigned a display value of inline , which will be explained in the introduction to the CSS layout model.
4. The middle dot is an anachronistic analogue to the decimal point, still used by some designers to enumerate amounts of decimalized currency.
5. HTML also provides references to the code positions for one-quarter and three-quarters fractions.
6. The en dash is used between two quantities or dates to suggest a range, and is indistinguishable from a proper minus sign ( − / − ). However, it should always be distinguished from a hyphen ( - ), which is used to separate the parts of an ad hoc compound word.
7. Browsers create soft linebreaks after hyphens (see above), but not after en dashes or em dashes.
8. The exclusive use of the em dash in English is to mark one or both ends of a dependent clause in lieu of parentheses, and to indicate that if spoken aloud the clause should be preceded and followed by uninflected pauses. In several other languages — particularly those of the Slavic sub-family — em dashes indicate dialogue from the beginning of a paragraph. Tradition dictates that this character not be enclosed itself by spaces, but the thoughtful user of markup may wish to do just that in order to avoid an especially ragged line.
9. These are the members of the automated “Smart Quotes” set of characters incorporated into most popular word processing platforms. They are often encoded at vendor-specific code positions rather than Unicode or ISO Latin code positions, which can cause problems when they are copied into a Web document.
10. The single close quote character is also used in English as the apostrophe.
11. Low quotes are used in several Central and Eastern European langauges in preference to the analogous English opening quote characters.
12. Since the ellipsis is a single character, the tracking of its constituent glyphs will not be affected by any value set for the letter-spacing or text-align properties.
13. Primes are used to denote minutes (of both time elapsed and arc) and feet as units of measurement; the double prime in its turn denotes seconds and inches. The use of these characters in relation to units of time elapsed has decreased in popularity in recent years, a decrease that correlates strongly with the increased availability of word processing systems (and their common use by non-specialist operators). Many fonts use prime and double prime characters indistinguishable from single and double close quotes, but for reasons of portability these entities should still be used when called for, notwithstanding the characteristics of the intended display face.

Note: This material was originally published as part of the Opera Web Standards Curriculum, available as Supplementary: Common HTML entities used for typography, written by Ben Henick. Like the original, it is published under the Creative Commons Attribution, Non Commercial — Share Alike 2.5 license.

Источник

Dot Symbol – Bullet Point in HTML Unicode

Kolade Chris

In your HTML documents, you’ll often need to make a list of items. And you can use bullet points for this purpose.

You can show bullet points with the Unicode character (or entity) for bullet points.

In this article, I will show you the Unicode and HTML entities for showing bullet points on a web page.

Towards the end of this article, I will also show you the 5-key combinations with which you can type a big dot symbol.

The Unicode and HTML Entities for Bullet Points

The Unicode character for showing the dot symbol or bullet point is U+2022 .

Languages of the web
 
• HTML
 
• CSS
 
• JavaScript
 
• PHP
 

Apart from the • Unicode character, you can also use • and • HTML entitles to show bullets or dot symbols on the web page.

Languages of the web
 
• HTML
 
• CSS
 
• JavaScript
 
• PHP
 

The output remains the same:

The Keyboard Shortcut for Typing a Dot Symbol

To type the dot symbol on your keyboard, turn on the numeric keypad by pressing NumLk , hold Alt and press the 0 , 1 , 4 , and 9 keys in succession.

If you don’t type the numbers with the numeric keypad, the dot symbol will not show.

Kolade Chris

Web developer and technical writer focusing on frontend technologies. I also dabble in a lot of other technologies.

If you read this far, tweet to the author to show them you care. Tweet a thanks

Learn to code for free. freeCodeCamp’s open source curriculum has helped more than 40,000 people get jobs as developers. Get started

freeCodeCamp is a donor-supported tax-exempt 501(c)(3) charity organization (United States Federal Tax Identification Number: 82-0779546)

Our mission: to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons — all freely available to the public. We also have thousands of freeCodeCamp study groups around the world.

Donations to freeCodeCamp go toward our education initiatives, and help pay for servers, services, and staff.

Источник

HTML Entity — Middle Dot

The following example will demonstrate how to use ‘Middle Dot’ HTML entity using HTML and CSS. For a complete reference, go to our HTML Entities.

< html > < head > < style >#point : after < body >< p >Middle Dot using Hexa Decimal: ·

< p >Middle Dot using HTML Code: · < p >Middle Dot using HTML Entity: · < p id = "point" >Middle Dot using CSS Entity:

Reminder

Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in HTML.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Share this Page

Meet the Author

Get to Know Us

wikimass.com is a community website, which is optimized for learning, discussing and testing the concept in depth, each comments by user will be reviewed by our authority after publishing it live to maintain our community standard, we constantly review all our tutorials to give user up-to-date information and to avoid errors, but we cannot warrent full correctness of all contents published under wikimass.com. While using this site, you are agree to have read and accept our terms of use, cookie and privacy policy

Источник