HTML Entities are special codes that represent characters in HTML that would otherwise be interpreted as part of the code, like < and >. Entities ensure that these characters are displyed correcctly on the webpage.
HTML Entities Syntax
Explanation of Syntax:
- Each entity begins with an ampersand (
&
) and ends with a semicolon (;
). - Between
&
and;
, the entity name or number represents a specific character.
HTML
x
& <!-- & character -->
< <!-- < character -->
> <!-- > character -->
" <!-- " character -->
' <!-- ' character -->
HTML Entities Example Code
Explanation of Code:
- The
<!DOCTYPE html>
declaration and<html>
,<head>
, and<body>
tags set up the page structure. - The
<p>
tags in the<body>
section contain sentences demonstrating HTML entities:&
represents the ampersand (&
) character.<
and>
represent the less-than (<
) and greater-than (>
) characters."
represents the quotation mark ("
) character.'
represents the apostrophe ('
) character.
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Entities Example</title>
</head>
<body>
<h1>Displaying Special Characters with HTML Entities</h1>
<p>Use & to display & and < to display <.</p>
<p>Quotes are represented as " and apostrophes as '.</p>
</body>
</html>
