Web Design Lesson 008 – HTML Entities

HTML Entities

HTML Entities are used for denoting reserved characters in the language.

Reserved characters

Like programming languages which have reserved words and operators, HTML has reserved characters . If you want to
use text in html formed using such characters , you need special ways of denoting it, else it will be confused as a character which is part of html syntax and hence will take a different meaning.

In above example we find characters <,> and / apart from alphanumeric characters.

In order to use a reserved character as text in HTML, you need to use an appropriate HTML character entity.

Following are some character entities:

< less-than sign  -> &lt or &#60 
> greater-than sign  -> &gt or &#62 
≤ less-than or equals sign  -> &le 
≥ greater-than or equals sign  -> &ge  
&nbsp (non breaking space , means space on same line, if 2 words are separated by this they will always remain together on same line)

& ampersand -> &amp or &
" double quotation mark -> &quot or "
' single quotation mark (apostrophe) -> &apos or '
¢ cent -> &cent or ¢
£ pound -> &pound or £
¥ yen -> &yen or ¥
€ euro -> &euro or €
© copyright -> &copy or ©
® registered trademark -> &reg or ®

Web Design Lesson 006 – Text Level Semantics Elements

HTML defines special elements for formatting text in different ways.

Here are the start tags of some of the elements. Each of these have an end tag and the formats of any content between the start and end tags will change accordingly. Different styles can also be specified for each of these elements by the programmer using the CSS methods .

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

Web Design Lesson 003 – HTML Elements

HTML Elements

Each HTML element specifies the nature/type/category of the content associated with it in order to represent it in a specific manner in the page. Examples of names/tags of HTML elements are p (stands for new paragraph), h1 (stands for first heading), h2 (stands for second heading), head (stands for header portion of the page), body (stands for the actual body portion of the page). Elements usually consist of a start tag and end tag, with the content inserted in between.

Continue reading “Web Design Lesson 003 – HTML Elements”