How to change the fonts of text(s) in HTML WebPages and other HTML Tricks-codes for newbie

I am not too technical when it comes to programming and writing of codes for HTML Webpages, but I have able to concoct a decent workaround which I am sure others have stumbled upon. These have helped me a lot when I thought it’s not appropriate to edit my stylesheet. The following are instructions for changing font of text, word, phrases or sentence on your HTML page and other HTML solutions that I have use often. You can apply them a basic text program like Windows Notepad or any HTML editor.

How to change the fonts of text, word, phrase or sentence in HTML Webpages

To change the fonts of text to whatever size, simply use this code;
<font size=”4″ face=”Arial” color=”black”>your texts goes in here!!

You can adjust the font size by change the number 4 to your desire font size

Examples;

1.<font size=”2″ face=”Arial” color=”black”>our texts goes in here!!
Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

2.<font size=”3″ face=”Arial” color=”black”>our texts goes in here!!
Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

3.<font size=”4″ face=”Arial” color=”black”>our texts goes in here!!
Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

You can also change the colour of text, word, phrase or sentence by changing the black colour to your desire colour

a.Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

b.Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

c.Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

You bold and italics can be applied when typing by simply using your ctrl+B and ctrl+l

Need a Dash: Not a Hyphen and Not a Line

When in need of a dash, online writers must often resort to a hyphen, or, for the discriminating writer, two hyphens. Many HTML editing programs offer “em-dash” as a special character. This dash is longer than a hyphen, but ends up looking much too long. A simple change to the HTML code for the em-dash will result in the perfect, sentence-splitting dash
Inserting the em-dash with an HTML editor produces the following code:
“-“

If you replace the final 2 in the code with a 1, you get an attractive and reasonably sized dash. Thus the final solution is exactly:

How to add form to texts, tables in HTML Webpages

To add form to your texts, tables etc, simply use this code;

<form style=”border: 2px solid #ccc; padding: 10px;” action=<font size=”3″ face=”Arial” color=”blue”>your text here

Example;

 

Business plan is a written document that describe the future of your business. It explains what you plan to do and how you plan to do it.

You can reduce the border of the form by adjusting the number 2px

how to create a Picture Link without a Blue or Colored Outline

To add a link to an image is a simple procedure in most web design programs, but the process often results in a blue or colored line around the image. The result can be unattractive or unwanted, with no obvious means of getting rid of the border. Adding the following after the image name in the HTML code will eliminate the default link border: border=”0″.
Here is how the full image name would look in the code:

<img src=”images/your_image_name.jpg” border=”0″>

 These few HTML tricks have saved me as I have said initially and I use them more often than I would expect. When you are in a bind or have limited options, they just might save the day for you. i have talk about double underlining of text with colour line in one of early post, you can check it out

If it help you, don’t fail to say it.

How to underline & double underline text with colour lines in HTML page-codes for newbie

On many occasions, the easiest of tasks on a Web page can lead to very long, futile searches through blog posts, WebPages and even the leading Web sites. I had this very experience looking for a way to use a double underline coloured lines on some of my keywords on HTML editor- and I never come across a simple solution that worked! Fortunately I was able to develop workaround which I am sure others have stumbled upon. They have worked perfectly for me. The following are instructions on how to underline and double underline text, words, phrase, sentences and even number with coloured lines on your HTML page. They can be applied using a basic text program like Windows Notepad or any HTML editor.

How to Double Underline and underline with or without colour: Simple and in the Code

Many approaches to applying the double underline involve editing the stylesheet then applying the style to text, word or numbers. The following tags can be placed in the HTML directly around the text or numbers you desire to double underline

<u Style=”border-bottom:1px solid black;”>your text here!! your text here!!

<u Style=”border-bottom:1px inset black;”>your text here!! your text here!!

<u Style=”border-bottom:1px outset black;”>your text here!! your text here!!

<u Style=”border-bottom:1px dashed black;”>your text here!! your text here!!

<u Style=”border-bottom:1px dotted black;”>your text here!! your text here!!

<u Style=”border-bottom:1px double black;”>your text here!!  your text here!!

<u Style=”border-bottom:1px groove black;”>your text here!!   your text here!!

<u Style=”border-bottom:1px ridge black;”>your text here!!  your text here!!

You can enlarge the second underline for more emphasize, by changing the px values

<u Style=”border-bottom:3px solid black;”>your text here!! your text here!!

<u Style=”border-bottom:4px solid black;”>your text here!! your text here!!

And so on

To apply different colours to the underline , simple change the colour black to any colour you wish.

<u Style=”border-bottom: 1px solid red;”>your text here!! your text here!!

<u Style=”border-bottom:1px solid hotpink;”>your text here!! your text here!!

<u Style=”border-bottom:1px solid blue;”>your text here!!  your text here!!

<u Style=”border-bottom:1px solid green;”>your text here!!  your text here!!

And so on.

The first tag applies the generic HTML underline. The second assigns a style that result in another underline at a slightly different height than the first.
I use them on many occasions. When you are in a bind or have limited options, they just might have be of help to you.

If these post help you, don’t fail to say it.