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.

Leave a Reply

Your email address will not be published. Required fields are marked *