HTML – CodeInDotNet

Remove underline from Hyperlink link – HTML, CSS

admin — Tue, 28 Nov 2023 05:05:21 +0000

Hyperlinks allow users to navigate between different pages and websites, seamlessly. A hyperlink usually puts an underline to the text by default. You might want to remove the underline from the hyperlinked text as part of your web design.

Remove Underline from Links – Different Ways

Let’s explore different techniques to remove underlines from hyperlinks;

1. CSS:

The most common and effective way to remove underlines from hyperlinks is by using CSS. Here’s a simple CSS snippet to remove underlines

code snippet:

a {
  text-decoration: none;
}

This CSS code targets all anchor elements and sets the text-decoration property to none, effectively removing the underline.

2. Inline Style:

you can use inline styles directly within the HTML code.

code snippet:

Visit CodeInDotNet.com

In this example, the style attribute is added directly to the element, specifying ‘text-decoration: none;‘.

3. Pseudo-Classes:

CSS pseudo-classes allow you to define styles for specific states of an element. For hyperlinks, the :hover pseudo-class is commonly used to define styles for when a user hovers over a link. To ensure the removal of underlines even on hover, you can use the following code:

code snippet:

a, a:visited, a:hover, a:active {
  text-decoration: none;
}

This CSS rule targets various states of the hyperlink, ensuring that the underline is removed consistently.

screenshot:

Insert tab spaces characters in text – HTML CSS

admin — Sat, 25 Mar 2023 22:35:04 +0000

White Spaces can be added in three ways:

HTML Syntax
```
 element, tab-size property
```
CSS Styles

The most recommendable solutions are:

```
 element tag
```
margin or padding spaces

Space Using HTML Syntax

4 ways to insert Space via HTML code:

1. Single Space ( )

– This is a non-breaking space that generates single or regular spaces. This is also called fixed spaces that cannot be broken by word wrap.
Use single-space syntax multiple times in the text to make space wider.
You can also write as .

HTML syntax:

This is single ‘ ’ space.

Output: This is a single ‘ ‘ space.

2. Double Space ( )

– This is called ‘en’ two spaces gap, and whitespace is normally twice the spaces of regular (single) space. It denotes half point size of the current font.

HTML syntax:

This is double ‘ ’ space.

Output: This is a double ‘ ’ space.

3. Four (4x) space gap ( )

– ’em’ four spaces gap, is equal to the point size of the current font and typically as much as four times wider than the common regular space.

HTML syntax:

This is four 4x ‘ ’ space.

Output: This is a four 4x ‘ ’ space.

4. Narrow Space ( )

– this is called narrow space, which is usually more narrow than a regular space.

HTML syntax:

This is narrow ‘ ’ space.

Output: This is a narrow ‘ ’ space.

Space Using

 element or tab-size property

Apply either of one approach, use text in

element or set the tab-size property for element tag to render space in the text.

1. tag Approach

Simply add tabs or multiple spaces in the inner text within
element tag and that will be rendered in the same format. The element simply represents preformatted text.
WordPress provides a ‘code’ block feature in its editing tool which uses the same element tag to render the pasted text like highlighting programming or script codes, and preserves the same format.
Highly recommended if you want to display multiple tabs, spaces, and linebreaks on the output page without breaking newlines & whitespace characters.

HTML syntax:

your text
goes here.

Output:

your text
goes here.

2. tab-size property Approach

The tab-size property is used to specifiy the tab’s width size in HTML code. You need to change the value of tab character through tab-size property by using style.
Note: you can also use to denote as tab space.

CSS style code:

sample text

Both approaches are shown in below sample code.

HTML code:

pre tab-size property example

Approach 1: without tabsize property
displays as it is .

Approach 2 (tab-size:4): This is pre tabsize example.
Approach 2 (tab-size:12): pre tab size sample.

Output:

Space Using CSS styles

Use margin or padding CSS style properties if white space is required before or after span, paragraph, div or any element tag. Best, reliable and recommended solution in such scenarios.

1. Margin-left space

HTML code:

sample of left Margin space.

Output: sample of left Margin space.

2. Padding-left space

HTML code:

sample of left Padding space.

Output: sample of left Padding space.

ASCII codes, characters and values based on Windows-1250

admin — Thu, 23 Mar 2023 06:17:59 +0000

The ASCII code includes control and printable characters, i.e digits, uppercase letters and lowercase letters. Commonly used characters are ranged from 32 to 127.

Table of Content

ASCII Control characters (Non-Printable) – Code 0 to 31
ASCII Printable characters – Code 32 to 126
Extended ASCII characters – Code 128 to 255

The ASCII character encoding table for Windows-1250 with decimal, octal, hex, binary, HTML, and description:

ASCII nonprintable control characters (codes 0-31)

DEC/ ASCII	OCT	HEX	BIN	Symbol	HTML Number	Description
0	0	0	0	NULL	�	Null character
1	1	1	1	SOH		Start of Heading
2	2	2	10	STX		Start of Text
3	3	3	11	ETX		End of Text
4	4	4	100	EOT		End of Transmission
5	5	5	101	ENQ		Enquiry
6	6	6	110	ACK		Acknowledge
7	7	7	111	BEL		Bell, Alert
8	10	8	1000	BS		Backspace
9	11	9	1001	HT		Horizontal Tab
10	12	0A	1010	LF		Line Feed
11	13	0B	1011	VT		Vertical Tabulation
12	14	0C	1100	FF		Form Feed
13	15	0D	1101	CR		Carriage Return
14	16	0E	1110	SO		Shift Out
15	17	0F	1111	SI		Shift In
16	20	10	10000	DLE		Data Link Escape
17	21	11	10001	DC1		Device Control One (XON)
18	22	12	10010	DC2		Device Control Two
19	23	13	10011	DC3		Device Control Three (XOFF)
20	24	14	10100	DC4		Device Control Four
21	25	15	10101	NAK		Negative Acknowledge
22	26	16	10110	SYN		Synchronous Idle
23	27	17	10111	ETB		End of Transmission Block
24	30	18	11000	CAN		Cancel
25	31	19	11001	EM		End of medium
26	32	1A	11010	SUB		Substitute
27	33	1B	11011	ESC		Escape
28	34	1C	11100	FS		File Separator
29	35	1D	11101	GS		Group Separator
30	36	1E	11110	RS		Record Separator
31	37	1F	11111	US		Unit Separator
127	177	7F	1111111	DEL		Delete

ASCII printable characters (code 32-127)

DEC/ ASCII	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
32	40	20	100000				Space
33	41	21	100001	!	!	!	Exclamation mark
34	42	22	100010	“	"	"	Double quotes (or speech marks)
35	43	23	100011	#	#	#	Number sign
36	44	24	100100	$	$	$	Dollar
37	45	25	100101	%	%	%	Per cent sign
38	46	26	100110	&	&	&	Ampersand
39	47	27	100111	‘	'	'	Single quote
40	50	28	101000	(	(	&lparen;	Open parenthesis (or open bracket)
41	51	29	101001	)	)	&rparen;	Close parenthesis (or close bracket)
42	52	2A	101010	*	*	*	Asterisk
43	53	2B	101011	+	+	+	Plus
44	54	2C	101100	,	,	,	Comma
45	55	2D	101101	–	-		Hyphen-minus
46	56	2E	101110	.	.	.	Period, dot or full stop
47	57	2F	101111	/	/	/	Slash or divide
ASCII code of 0 to 9 numbers
48	60	30	110000	0	0		Digit number zero
49	61	31	110001	1	1		Digit number one
50	62	32	110010	2	2		Digit number two
51	63	33	110011	3	3		Digit number three
52	64	34	110100	4	4		Digit number four
53	65	35	110101	5	5		Digit number five
54	66	36	110110	6	6		Digit number six
55	67	37	110111	7	7		Digit number seven
56	70	38	111000	8	8		Digit number eight
57	71	39	111001	9	9		Digit number nine

58	72	3A	111010	:	:	:	Colon
59	73	3B	111011	;	;	;	Semicolon
60	74	3C	111100	<	<	<	Less than sign
61	75	3D	111101	=	=	=	Equals
62	76	3E	111110	>	>	>	Greater than sign
63	77	3F	111111	?	?	?	Question mark
64	100	40	1000000	@	@	@	At sign
ASCII value of capital letter A to Z
65	101	41	1000001	A	A		Capital or Uppercase letter A
66	102	42	1000010	B	B		Capital or Uppercase letter B
67	103	43	1000011	C	C		Capital or Uppercase letter C
68	104	44	1000100	D	D		Capital or Uppercase letter D
69	105	45	1000101	E	E		Capital or Uppercase letter E
70	106	46	1000110	F	F		Capital or Uppercase letter F
71	107	47	1000111	G	G		Capital or Uppercase letter G
72	110	48	1001000	H	H		Capital or Uppercase letter H
73	111	49	1001001	I	I		Capital or Uppercase letter I
74	112	4A	1001010	J	J		Capital or Uppercase letter J
75	113	4B	1001011	K	K		Capital or Uppercase letter K
76	114	4C	1001100	L	L		Capital or Uppercase letter L
77	115	4D	1001101	M	M		Capital or Uppercase letter M
78	116	4E	1001110	N	N		Capital or Uppercase letter N
79	117	4F	1001111	O	O		Capital or Uppercase letter O
80	120	50	1010000	P	P		Capital or Uppercase letter P
81	121	51	1010001	Q	Q		Capital or Uppercase letter Q
82	122	52	1010010	R	R		Capital or Uppercase letter R
83	123	53	1010011	S	S		Capital or Uppercase letter S
84	124	54	1010100	T	T		Capital or Uppercase letter T
85	125	55	1010101	U	U		Capital or Uppercase letter U
86	126	56	1010110	V	V		Capital or Uppercase letter V
87	127	57	1010111	W	W		Capital or Uppercase letter W
88	130	58	1011000	X	X		Capital or Uppercase letter X
89	131	59	1011001	Y	Y		Capital or Uppercase letter Y
90	132	5A	1011010	Z	Z		Capital or Uppercase letter Z

91	133	5B	1011011	[	[	[	opening left square bracket
92	134	5C	1011100	\	\	\	Back or reverse slash
93	135	5D	1011101	]	]	]	closing right square bracket
94	136	5E	1011110	^	^	^	Caret – circumflex
95	137	5F	1011111	_	_	_	Underscore
96	140	60	1100000	`	`	`	Grave accent
ASCII value of small letters a to z
97	141	61	1100001	a	a		Lowercase letter a
98	142	62	1100010	b	b		Lowercase letter b
99	143	63	1100011	c	c		Lowercase letter c
100	144	64	1100100	d	d		Lowercase letter d
101	145	65	1100101	e	e		Lowercase letter e
102	146	66	1100110	f	f		Lowercase letter f
103	147	67	1100111	g	g		Lowercase letter g
104	150	68	1101000	h	h		Lowercase letter h
105	151	69	1101001	i	i		Lowercase letter i
106	152	6A	1101010	j	j		Lowercase letter j
107	153	6B	1101011	k	k		Lowercase letter k
108	154	6C	1101100	l	l		Lowercase letter l
109	155	6D	1101101	m	m		Lowercase letter m
110	156	6E	1101110	n	n		Lowercase letter n
111	157	6F	1101111	o	o		Lowercase letter o
112	160	70	1110000	p	p		Lowercase letter p
113	161	71	1110001	q	q		Lowercase letter q
114	162	72	1110010	r	r		Lowercase letter r
115	163	73	1110011	s	s		Lowercase letter s
116	164	74	1110100	t	t		Lowercase letter t
117	165	75	1110101	u	u		Lowercase letter u
118	166	76	1110110	v	v		Lowercase letter v
119	167	77	1110111	w	w		Lowercase letter w
120	170	78	1111000	x	x		Lowercase letter x
121	171	79	1111001	y	y		Lowercase letter y
122	172	7A	1111010	z	z		Lowercase letter z

123	173	7B	1111011	{	{	{	Opening braces or left curly bracket
124	174	7C	1111100	\|	\|	\|	Vertical bar or line or slash
125	175	7D	1111101	}	}	}	Closing bracket or right curly bracket
126	176	7E	1111110	~	~	˜	Equivalency sign – tilde

Extended ASCII codes (128 – 255)

DEC/ ASCII	OCT	HEX	BIN	Symbol	HTML Number	HTML Name	Description
128	200	80	10000000	€	€	€	Euro sign
129	201	81	10000001				Unused
130	202	82	10000010	‚	‚	‚	Single low-9 quotation mark
131	203	83	10000011				Unused
132	204	84	10000100	„	„	„	Double low-9 quotation mark
133	205	85	10000101	…	…	…	Horizontal ellipsis
134	206	86	10000110	†	†	†	Dagger
135	207	87	10000111	‡	‡	‡	Double dagger
136	210	88	10001000				Unused
137	211	89	10001001	‰	‰	‰	Per mille sign
138	212	8A	10001010	Š	Š	Š	Latin capital letter S with caron
139	213	8B	10001011	‹	‹	‹	Single left-pointing angle quotation
140	214	8C	10001100	Ś	Ś	Ś	Latin capital letter S with acute
141	215	8D	10001101	Ť	Ť	Ť	Latin capital letter T with caron
142	216	8E	10001110	Ž	Ž	Ž	Latin capital letter Z with caron
143	217	8F	10001111	Ź	Ź	Ź	Latin capital letter Z with acute
144	220	90	10010000				Unused
145	221	91	10010001	‘	‘	‘	Left single quotation mark
146	222	92	10010010	’	’	’	Right single quotation mark
147	223	93	10010011	“	“	“	Left double quotation mark
148	224	94	10010100	”	”	”	Right double quotation mark
149	225	95	10010101	•	•	•	Bullet
150	226	96	10010110	–	–	–	En dash
151	227	97	10010111	—	—	—	Em dash
152	230	98	10011000				Unused
153	231	99	10011001		™	™	Trade mark sign
154	232	9A	10011010	š	š	š	Latin small letter S with caron
155	233	9B	10011011	›	›	›	Single right-pointing angle quotation mark
156	234	9C	10011100	ś	ś	ś	Latin small letter s with acute
157	235	9D	10011101	ť	ť	ť	Latin small letter t with caron
158	236	9E	10011110	ž	ž	ž	Latin small letter z with caron
159	237	9F	10011111	ź	ź	ź	Latin small letter z with acute
160	240	A0	10100000				Non-breaking space
161	241	A1	10100001	ˇ	ˇ	ˇ	Caron
162	242	A2	10100010	˘	˘	˘	Breve
163	243	A3	10100011	Ł	Ł	Ł	Latin capital letter L with stroke
164	244	A4	10100100	¤	¤	¤	Currency sign
165	245	A5	10100101	Ą	Ą	Ą	Latin capital letter A with ogonek
166	246	A6	10100110	¦	¦	¦	Pipe, broken vertical bar
167	247	A7	10100111	§	§	§	Section sign
168	250	A8	10101000	¨	¨	¨	Spacing diaeresis – umlaut
169	251	A9	10101001	©	©	©	Copyright sign
170	252	AA	10101010	Ş	Ş	Ş	Latin capital letter S with cedilla
171	253	AB	10101011	«	«	«	Left double angle quotes
172	254	AC	10101100	¬	¬	¬	Negation
173	255	AD	10101101				Soft hyphen
174	256	AE	10101110	®	®	®	Registered trade mark sign
175	257	AF	10101111	Ż	Ż	Ż	Latin capital letter Z with dot above
176	260	B0	10110000	°	°	°	Degree sign
177	261	B1	10110001	±	±	±	Plus-or-minus sign
178	262	B2	10110010	˛	˛	˛	Ogonek
179	263	B3	10110011	ł	ł	ł	Latin small letter l with stroke
180	264	B4	10110100	´	´	´	Acute accent – spacing acute
181	265	B5	10110101	µ	µ	µ	Micro sign
182	266	B6	10110110	¶	¶	¶	Pilcrow sign – paragraph sign
183	267	B7	10110111	·	·	·	Middle dot – Georgian comma
184	270	B8	10111000	¸	¸	¸	Spacing cedilla
185	271	B9	10111001	ą	ą	ą	Latin small letter a with ogonek
186	272	BA	10111010	ş	ş	ş	Latin small letter s with cedilla
187	273	BB	10111011	»	»	»	Right double angle quotes
188	274	BC	10111100	Ľ	Ľ	Ľ	Latin capital letter L with caron
189	275	BD	10111101	˝	˝	˝	Double acute accent
190	276	BE	10111110	ľ	ľ	ľ	Latin small letter l with caron
191	277	BF	10111111	ż	ż	ż	Latin small letter z with dot above
192	300	C0	11000000	Ŕ	Ŕ	Ŕ	Latin capital letter R with acute
193	301	C1	11000001	Á	Á	Á	Latin capital letter A with acute
194	302	C2	11000010	Â	Â	Â	Latin capital letter A with circumflex
195	303	C3	11000011	Ă	Ă	Ă	Latin capital letter A with breve
196	304	C4	11000100	Ä	Ä	Ä	Latin capital letter A with diaeresis
197	305	C5	11000101	Ĺ	Ĺ	Ĺ	Latin capital letter L with acute
198	306	C6	11000110	Ć	Ć	Ć	Latin capital letter C with acute
199	307	C7	11000111	Ç	Ç	Ç	Latin capital letter C with cedilla
200	310	C8	11001000	Č	Č	Č	Latin capital letter C with caron
201	311	C9	11001001	É	É	É	Latin capital letter E with acute
202	312	CA	11001010	Ę	Ę	Ę	Latin capital letter E with ogonek
203	313	CB	11001011	Ë	Ë	Ë	Latin capital letter E with diaeresis
204	314	CC	11001100	Ě	Ě	Ě	Latin capital letter E with caron
205	315	CD	11001101	Í	Í	Í	Latin capital letter I with acute
206	316	CE	11001110	Î	Î	Î	Latin capital letter I with circumflex
207	317	CF	11001111	Ď	Ď	Ď	Latin capital letter D with caron
208	320	D0	11010000	Đ	Đ	Đ	Latin capital letter D with stroke
209	321	D1	11010001	Ń	Ń	Ń	Latin capital letter N with acute
210	322	D2	11010010	Ň	Ň	Ň	Latin capital letter N with caron
211	323	D3	11010011	Ó	Ó	Ó	Latin capital letter O with acute
212	324	D4	11010100	Ô	Ô	Ô	Latin capital letter O with circumflex
213	325	D5	11010101	Ő	Ő	Ő	Latin capital letter O with double acute
214	326	D6	11010110	Ö	Ö	Ö	Latin capital letter O with diaeresis
215	327	D7	11010111	×	×	×	Multiplication sign
216	330	D8	11011000	Ř	Ř	Ř	Latin capital letter R with caron
217	331	D9	11011001	Ů	Ů	Ů	Latin capital letter U with ring above
218	332	DA	11011010	Ú	Ú	Ú	Latin capital letter U with acute
219	333	DB	11011011	Ű	Ű	Ű	Latin capital letter U with double acute
220	334	DC	11011100	Ü	Ü	Ü	Latin capital letter U with diaeresis
221	335	DD	11011101	Ý	Ý	Ý	Latin capital letter Y with acute
222	336	DE	11011110	Ţ	Ţ	Ţ	Latin capital letter T with cedilla
223	337	DF	11011111	ß	ß	ß	Latin small letter sharp s – ess-zed
224	340	E0	11100000	ŕ	ŕ	ŕ	Latin small letter r with acute
225	341	E1	11100001	á	á	á	Latin small letter a with acute
226	342	E2	11100010	â	â	â	Latin small letter a with circumflex
227	343	E3	11100011	ă	ă	ă	Latin small letter a with breve
228	344	E4	11100100	ä	ä	ä	Latin small letter a with diaeresis
229	345	E5	11100101	ĺ	ĺ	ĺ	Latin small letter l with acute
230	346	E6	11100110	ć	ć	ć	Latin small letter c with acute
231	347	E7	11100111	ç	ç	ç	Latin small letter c with cedilla
232	350	E8	11101000	č	č	č	Latin small letter c with caron
233	351	E9	11101001	é	é	é	Latin small letter e with acute
234	352	EA	11101010	ę	ę	ę	Latin small letter e with ogonek
235	353	EB	11101011	ë	ë	ë	Latin small letter e with diaeresis
236	354	EC	11101100	ě	ě	ě	Latin small letter e with caron
237	355	ED	11101101	í	í	í	Latin small letter i with acute
238	356	EE	11101110	î	î	î	Latin small letter i with circumflex
239	357	EF	11101111	ď	ď	ď	Latin small letter d with caron
240	360	F0	11110000	đ	đ	đ	Latin small letter d with stroke
241	361	F1	11110001	ń	ń	ń	Latin xmall letter n with acute
242	362	F2	11110010	ň	ň	ň	Latin small letter n with caron
243	363	F3	11110011	ó	ó	ó	Latin small letter o with acute
244	364	F4	11110100	ô	ô	ô	Latin small letter o with circumflex
245	365	F5	11110101	ő	ő	ő	Latin small letter o with double acute
246	366	F6	11110110	ö	ö	ö	Latin small letter o with diaeresis
247	367	F7	11110111	÷	÷	÷	Division sign
248	370	F8	11111000	ř	ř	ř	Latin small letter r with caron
249	371	F9	11111001	ů	ů	ů	Latin small letter u with ring above
250	372	FA	11111010	ú	ú	ú	Latin small letter u with acute
251	373	FB	11111011	ű	ű	ű	Latin small letter u with double acute
252	374	FC	11111100	ü	ü	ü	Latin small letter u with diaeresis
253	375	FD	11111101	ý	ý	ý	Latin small letter y with acute
254	376	FE	11111110	ţ	ţ	ţ	Latin small letter t with cedilla
255	377	FF	11111111	˙	˙	˙	Dot above

ASCII References: ref¹, ref²

popular readings:

– What is Dapper micro-ORM in C#?

– How to Integrate MailChimp v3.0 API in DotNet Core C#

– Export DataSet To Excel in C# .Net Core – OpenXml

– Dynamically generate anchor tag in div HTML javascript

HTML – CodeInDotNet

Remove underline from Hyperlink link – HTML, CSS

Remove Underline from Links – Different Ways

1. CSS:

2. Inline Style:

3. Pseudo-Classes:

Table of Contents

Insert tab spaces characters in text – HTML CSS

Space Using HTML Syntax

1. Single Space ( )

2. Double Space ( )

3. Four (4x) space gap ( )

4. Narrow Space ( )

Space Using
element or tab-size property

1.
tag Approach

2. tab-size property Approach

pre tab-size property example

Space Using CSS styles

1. Margin-left space

2. Padding-left space

ASCII codes, characters and values based on Windows-1250

ASCII nonprintable control characters (codes 0-31)

ASCII printable characters (code 32-127)

ASCII code of 0 to 9 numbers

ASCII value of capital letter A to Z

ASCII value of small letters a to z

Extended ASCII codes (128 – 255)