Include Files
On this article, I will explain how to use Include files on Html, Asp, and Php files. Most of the paid hosting companies allow you to use include files. It is one of the best ways to control your fully loaded website.
Include files in Html
In html, you can use a simple code to include a file in another one. So let’s say you have index.html and you want to add menu.html as an include file; so you would open the source code for index.html and add the following code:
<!--#include virtual="menu.html" -->
If you add this code to your index.html’s source html code and it doesn’t work, don’t give up. Most hosting companies allow to add include files to only .shtml files. So what you is easy and simple, just rename your index.html to index.shtml
Include files in Asp and Asp.NET
In asp it is very easy to add an include file to your source codes. It is just like the code above for Html files but in a different words. The code is:
<!–#include file=”example.asp” –>
YES! there is only one word difference. Instead of “virtual” your going to use “file” to include a file.
Include files in Php
Include files in Php is the same concept. The code is below:
<?php include("example.php"); ?>
You can use any type of files you wish to include. If you have a page named menu.html you can include this page into your Php or Asp coded page. For example:
<?php include("menu.html"); ?>
How to add a “Email me” Link
On this article I will explain the way of adding your email address to your website as a link. First of all I want to touch the fact that people just write their email as text on there website like:
You can contact me at admin@website-name.com
I find these what so called “contact” ways so lame. They look very eye distracting. Instead of these you can have a “Contact” or “Email me” link on your website that would just open Outlook automatically to send a email to you.
You can do these by just adding the following simple link to your website. It is just like adding a normal hyperlink but instead of http:// on the link placement you add mailto: just like on the following example.
Changing Table Backgrounds
In this article I will explain how you can change your table backgrounds with the bgcolor tag. It will be very short but I hope I will get my point through.
Example code:
And here is how it will look:
| This Row is Yellow! |
| This Row is Gray! |
| This Row is Red! |
| This Row is Blue! |
| This Row is Pink! |
| This Row is Lime! |
That is an basic table code with bgcolor tag applied to it. You can easily figure out how I used it. If this article is confusing for you please leave a comment and I will reply with my best!
Changing Background Color
This is a very short article explaining how to change your website’s background color. It works with a simple tag which is bgcolor=”red” on this article I will use actual color names to make it more understandable. But you can always use Hex color codes which has more variety of color options. You can find a Hex color chart on my website by using the search form and search “Hex”.
You need to add the bgcolor tag to your <body> tag like its shown above. This will change the background of your webpage to the color you want.
you can also check my How to Change Table Backgrounds article to learn how this bgcolor tag can apply to table codes.
How to add a Scrolling text
In this article I will explain how to add a scrolling text to your web page. This code can be used as a ticker, it is also called marquee text but it is easy to remember it as scrolling text.
Html Code for basic Marquee
Example of how it will look:
Code for a scrolling text with background
You can also add backgrounds to these scrolling texts. All you have to do is edit the tag bgcolor=”lime” you can put color names or hex colors on this field.
You can search up hex to find a Hex color chart on my website.
Example of how it will look:
Code for a scrolling text with background and direction with fixed width
On this example you can setup the direction the text will scroll and the width of the marquee. All you have to do is edit the height and width tags in the code.
Here is an example of how it will look:
How to edit Html in Blogger
Many bloggers wonder if they can actually edit the source HTML code of their Blogger blogs. Well, to the ones out there waiting for an answer, my answer is YES, absolutely you can.
All you have to do is:
Login to your account.
Go to the Layout tab.
Click “Edit Html”
..and there you go, now you can put in any kind of Html code you want to add to your blog. One of Blogger’s nice compabilities is that you don’t need to know Html coding skills to edit it. You can use their editor and still add Html codes through the editor. The best thing about this is that you can drag and drop things and customize your blog.
What is favicon
Having a favicon for your website is very important. A favicon is a little graphic that appears on the address bar before your url. Also, a favicon is an icon that represents your website on a users Favorites list or Bookmark list.
How to create a Favicon
Creating a favicon so simple. Many people mistake it and go to use many different kinds of programs. Any image can be your favicon. Just use the below code to add a favicon to your website.
The above code is a meta tag. So don’t forget to add it between your <head> </head> codes.
You can create a favicon with any kind of an image creator including Paint which comes with every computer. But remember to convert it to an .ico file which you can do so simple at the following url : http://tools.dynamicdrive.com/favicon/
After you convert your image to an .ico file, the website will give you alink to download the file. Download the favicon.ico file and upload it to your main directory via FTP. You can read my FTP article What is FTP and How does it Work if your not sure about FTP. It should work fine with the above meta tag being added to your <head> </head> tags.
You can also use the below code to make it very simple if the above code does not work.
The Paragraph HTML Tag
The paragraph HTML tag is very easy to use and understand. This article is written to show how simple it is to use the paragraph tag. It is a basic <p> and </p> tag. If you are familiar with HTML codes, you probably got the concept by now.
The <p> code opens a paragraph and the </p> code closes a paragraph. Below I explained with the usual system of mine, the color seperation. The start of the pink color means I used the <p> code to start the paragraph and the end of the pink color means I used the </p> code to end the paragraph.
This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.
This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.
This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.
I think I made it pretty simple enough so everyone can understand, keep on coding, it will pay back in the future.
