Ibrahimokinda’s Weblog

SOME BASICS OF HTML

Posted on: November 7, 2008

What is HTML

HTML stands  HyperText Markup Language.

 

For journalists working with Web information, knowledge of HTML is important, because it enables them to create websites  as well as understand the composition of other websites.

 

HTML can be defined as the language that describes the content of a web page so that a browser can display it. The HTML syntax is set of rules that determines or governs the use  of HTML codes around text to provide structure and order to the text.

 

The theory behind HTML was conceived by the WWW inventor, Tim Berners-Lee, who recognized the need to provide structure to web documents.

 

Every Web document consists of two parts, namely, text and tags. As you may have noticed most online sources have titles, headings, paragraphs, images and graphics. Some contain lists, tables and colour. Some use bold and italic features or different font sizes.

 

 

Every HTML tag has a name which is predefined in HTML. The name of an HTML is always enclosed by < > brackets. Most tags come in pairs; a beginning tag and a conclusion tag. The text between  a tag pair is called an element. A tag pair will instruct the browser when to apply a feature to an element and when to stop. Closing tag names are preceded by a slash (/). All HTML tags are case insensitive, so that upper and lower cases can be used.

 

 

Creating an HTML document

  1. Click on the Start menu
  2. Select programs option
  3. Select accessories option
  4. Open the notepad option
  5. Type your name or a title for the document
  6. Save it as an (name).html file under the my documents option.

 

 Viewing the HTML file

  1. Choose the file option on your browser interface
  2. Choose open
  3. Select the browse option
  4. Select my documents option and click on your (name).html file
  5. Click Open
  6. Click OK

 

Categories of HTM tags

 

  1. Header: The header category comprises of three main tags namely

·        <HTML> tag- It indicates to the web browser that the content of the document to follow is written in HTML.

·        <HEAD></HEAD>tag pair- Specifies that the text within the beginning and ending positions of the tag pair is to prologue to the rest of the file.

·        <TITLE></TITLE> tag pair- It indicates to the web browser that the text between them (elements) is the title of the document.

  1. Body- The remainder of the HTML document including the text, structural tags, content tags and visual tags, is enclosed within the <BODY> </BODY> tag pair. This tag pair informs the web browser that the text and tags between them contain the information that must be displayed to end-users.

 

Structural tags are used to give structure to a web document by improving the layout of text. Some of them include the following:

·        Heading tags which are used to divide sections of text and range from 1 to 6. For example

<HTML>

<HEAD>

<TITLE>Equator FM></TITLE>

</HEAD>

<BODY>

<H1>Equator FM</H1>

<H2>Vision </H2>

<H3>Mission </H3>

<H4>Aims</H1>

<H5>Objectives</H5>

<H6>Programmes</H6>

<H2>Presenters</H2>

<H2>Talk to us</H2>

</BODY>

·        Paragraph tag. For example <P> This is the station for you</P>

·        Text break tag. For example

<P>Mrs. James Brown<BR>

River Road <BR>

Box 5678<BR>

Nairobi<BR>

·        Horizontal rule tag. <HR> For example

 

<HTML>

<HEAD>

<TITLE>Equator FM></TITLE>

</HEAD>

<BODY>

<H1>Equator FM</H1>

<HR>

<H2>Vision </H2>

<H3>Mission </H3>

<H4>Aims</H1>

<H5>Objectives</H5>

<H6>Programs</H6>

<H2>Presenters</H2>

<H2>Talk to us</H2>

</BODY>

 

·        Center tag: < CENTER> </CENTER >

 

·        Lists

Ordered lists/bulleted lists

<H2>Presenters</H2>

<UL>

<LI>James Ouma </LI>

<LI>Ken Kamau </LI>

<LI>Anne Ouko </LI>

<LI>James Kiprono </LI>

      </UL>

                        Ordered lists

<H2>Presenters</H2>

<OL>

<LI>James Ouma </LI>

<LI>Ken Kamau </LI>

<LI>Anne Ouko </LI>

<LI>James Kiprono </LI>

      </OL>

 

 

·        Preformatted text

<H6>Programmes</H6>

                        <PRE>

                        Program                                               Responsible Presenter

                        Breakfast show                         James Ouma

                        Lunch hour music                                  Anne Ouko

</PRE>

·        Hyperlink tag.

·        Tables

·        Appearance tags: Logical tags and Physical tags

·        Fonts: Sizes, types/faces, colours

·        Background colour

·        Text colour

·        Word/phrase colour

  1. Ending/footnotes </HTML>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


    • Mr WordPress: Hi, this is a comment.To delete a comment, just log in, and view the posts' comments, there you will have the option to edit or delete them.

    Categories

    %d bloggers like this: