Category: Design Tutorial Series

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 ®

HTML Comment Tags

Like in any other programming language, there is a feature to comment HTML statements . It can span multiple lines. Following is the syntax:

<!-- This is a comment.  -->

Check the output of following code:

Continue reading “Web Design Lesson 007 – Comments and Quotations”

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

HTML Paragraphs

HTML element <p> specifies a paragraph. Try this out:

<p>Para1</p><p>Para2</p>

HTML Headings

Elements for specifying headings in HTML pages are h1,h2,h3,h4,h5 and h6.

h1 specifies the largest and most important heading and h6 the smallest heading.

Continue reading “Web Design Lesson 005 – HTML Paragraphs and Headings”

HTML was designed as a language to create content which is viewable on web browsers. It has ability to show content in various formats of color, size, alignment etc. HTML then evolved to have features to accept user input using UI features like textboxes,checkboxes, buttons etc. and dynamically provide output based on the input.

Continue reading “Web Design Lesson 004 – HTML and Stylesheets”