Sunday, 20 June 2021

*Episode 9* HTML (Special Characters)

      


         

         Special characters are characters that cannot be obtained through the keyboard. These characters may be inserted in your page with the specification of a code that the browser interprets and replaces with a specific character. These codes can be specified using the ISO- Latin-1 standard or through an email HTML specification. The ISO standard uses a code composed of the characters &# and a combination of numbers. The HTML specification, on the other hand, uses the character & followed by a word which identifies the symbol.

      If you are going to write an HTML page in German, you will have to use several characters accented with the diaeresis mark, which is not directly available from the keyboard unless you configure Windows for German.

     Even if you do not need to use one of these special characters, you will need to use these code if you want to represent some HTML command within your page without it being executed. For example, you are creating a tutorial to teach HTML. How do you place <P> in the text without inserting a line break?

      Analyze the source code on the below, which is found in the Examp10b.htm file.


 <html>

 <head>

 <title>Tutorial</title>

 </head>

 <body link="#0000FF" vlink="#800080">


 <h1>The &lt;P&gt; command</h1>

 <p>Purpose: marking a section of text as a paragraph inserting a row break and a blank row after its position.<br>


 Basic syntax: &amp;ltP&amp;gt characters...</p>


 Example:</p>


 hr


 <p>This is the first phrase of paragraph. This is the second phase of paragraph. This is the third phrase of paragraph. &lt;p&gt; This is the fourth phrase of text and the first paragraph.<br>

 Produces</p>

 <hr>

 This is the first phrase of paragraph.

 This is the second phase of paragraph.

 This is the third phrase of paragraph.</p>

 This is the fourth phrase of text and the first paragraph.</p>

 </body>

 </html>


    Notice that in the places where the &lt and &gt codes where is specified, the symbols <and> appeared.



      If these pages are accessed by someone using a different video and keyboard configuration, the accented characters may not be displayed properly. For example, if you are using German and the person accessing your page has his browser configured to English, some characters may not be displayed. Therefore, you should analyse where your page will be accessed and plan the text carefully, taking into consideration the language used.

      The Examp10a.htm file shows a table with all the codes used for generating special characters. That next to figures show the effect of the commands.

      Here are some symbols.



     

     And now some accented letters:



 

       Next is this table organised alphabetically.


Special HTML Characters
Symbol HTML Entity ISO Latin-1 Meaning
 &  &amp;    ampersand
 ©  &copy;  &#169;  copyright
 ÷
 &#247;  division
 >  &gt;
 greater than
 <  &lt;
 less than
 μ
 &#181;  micron
 .    &#183;  Period in the middle of row
     &#182;  paragraph
 ±
 &#177;  more or less
 
 &#163;  English pound
 ®  &reg;  &#174;  registered
 §
 &#167;  section
 ¥
 &#165;  Japanese yen
Accented Letters
 á  &aacute;  &#225;  "a" acute
 Á  &Aacute;  &#193;  "A" acute
 à  &agrave;  &#224;  "a" grave
 À  &Agrave;  &#192;  "A" grave
 â  &acric;  &#226;  "a" circumflex
 Â  &Acric;  &#194;  "A" circumflex
 å  &aring;  &#229;  "a" ring
 Å  &Aring;  &#197;  "A" ring
 ã  &atil;  &#227;  "a" tilde
 Ã  &Atilde;  &#195;  "A" tilde
 ä  &auml;  &#228;  "a" umlaut
 Ä  &Auml;  &#196;  "A" umlaut
 æ  &aelig;  &#230;  "ae" connected
 Æ  &AElig;  &#198;  "AE" connected
 ç  &ccedil;  &#231;  "c" cedilla
 Ç  &Ccedil;  &#199;  "C" cedilla
 é  &eacute;  &#233;  "e" acute
 É  &Eacute;  &#201;  "E" acute
 è  &egrave;  &#232;  "e" grave
 È  &Egrave;  &#200;  "E" grave
 ê  &ecirc;  &#234;  "e" circumflex
 Ê  &Ecirc;  &#202;  "E" circumflex
 ë  &euml;  &#235;  "e" umlaut
 Ë  &Euml;  &#203;  "E" umlaut
 í  &iacute;  &#237;  "i" acute
 Í  &Iacute;  &#205;  "I" acute
 ì  &igrave;  &#236;  "i" grave
 Ì  &Igrave;  &#204;  "I" grave
 î  &icirc;  &#238;  "i" circumflex
 Î  &Icirc;  &#206;  "I" circumflex
 ï  &iuml;  &#239;  "i" umlaut
 Ï  &Iuml;  &#207;  "I" umlaut
 ñ  &ntil;  &#241;  "n" tilde
 Ñ  &Ntil;  &#209;  "N" tilde
 ó  &oacute;  &#243;  "o" acute
 Ó  &Oacute;  &#211;  "O" acute
 ò  &ograve;  &#242;  "o" grave
 Ò  &Ograve;  &#210;  "O" grave
 ô  &ocirc;  &#244;  "o" circumflex
 Ô  &Ocirc;  &#212;  "O" circumflex
 ø  &oslash;  &#248;  "o" slashed
 Ø  &Oslash;  &#216;  "O" slashed
 õ  &otilde;  &#245;  "o" tilde
 Õ  &Otilde;  &#213;  "O" tilde
 ö  &ouml;  &#246;  "o" umlaut
 Ö  &Ouml;  &#214;  "O" umlaut
   &szlig;  &#223;  ess-tsett
 ú  &uacute;  &#250;  "u" acute
 Ú  &Uacute;  &#218;  "U" acute
 ù  &ugrave;  &#249;  "u" grave
 Ù  &Ugrave;  &#217;  "U" grave
 û  &ucirc;  &#251;  "u" circumflex 
 Û  &Ucirc;  &#219;  "U" circumflex
 ü  &uuml;  &#252;  "u" umlaut
 Ü  &Uuml;  &#220;  "U" umlaut
 y
 &yuml;  &#255;  "y" umlaut
 
 &#180;  acute accent
 `
 &#96;  grave accent
Punctuation
 ¡    &#161;  inverted exclamation
 ¿
 &#191;  inverted interrogation
 "  &quot;  &#34;  quote mark
 °  &nbsp;  &#160;  non-breaking space


👈Episode 8                                                                                          Episode 10.1👉
Share This Post
PRINT THIS POST

No comments:

Post a Comment

If you have any doubts. Please let me know.

Featured post

*Episode 1* MCQ for Govt. Job/ Private Job/ MNCs

  Topic:- One Word Substitution 1) Especially skilled in storytelling  Answer:- Raconteur 2) Fear of loneliness Answer:- Eremophobia  3) Usa...