Learn HTML : Changing the appearance of your text with style tags

Now we have the basics of an html file we will want to start writing and formatting our text. We could use fonts and CSS to format our text, but these will be covered in different articles. This article shows how to use “Style Tags” to add different styles to your text.

The first thing we need to do before we start formatting our text is create a html file. We will call it StyleTags.html and it will take the following structure. 


 Styles Tags
 
  XXXXXX 

Next we will start to add different style tags to our document. Type each statement into your file one at a time and view the results before proceeding onto the next.

BOLD : To bold something use or

HTML Example :

This is bold

ITALICS : To italicize something use .. or

HTML Example :

This is italics

UNDERLINE : To underline something use ..

HTML Example :

This is underline

TYPEWRITE : To Typewritersomething (monospaced typewriter font) use

HTML Example :

This is Typewriter

STRIKETHROUGH : To strikethrough something use

HTML Example :

This is strikethrough

SMALL : To have small text use

HTML Example :

This is small

BIG : To have big text use

HTML Example :

This is big

SUBSCRIPTS : To have subscripts text use

HTML Example :

This is subscripts

SUPERSCRIPTS : To have superscripts text use

HTML Example :

This is superscripts

So we have seen that you can change the style of your text using the above commands but what we should also mention is that you need to make sure that , when you use these codes in dimesnions you must get the format correct otherwise you html template will not show. This will be explained further in another article, but for now, to show what we mean, the following html is incorrect

This is how we bold and underlinesomething but this would 
          not display in mrInterview

where as this is correct

This is how we bold and underline something but this would
          not display in mrInterview

So just make sure you get your tags in the correct order and all will be fine. In a later example we will show you how to debug your html files to make sure that mrInterview will like them.

Leave a Comment

%d bloggers like this: