The Header Tag

The header tag is very simple and easy also.  It helps you to seperate your content into segments and add titles.  On this article I will also explain the importance of the header tag to the Search Engines.

What is the header tag ?

The header tag is basic <h1> code </h1> to add titles to your website or divide your content into segments.  There are 6 header tags. <h1> <h2> <h3> <h4> <h5> <h6>  The <h1> tag is the most important one, also it is the biggest one. 

The text goes between the <h1> and the </h1> tag.  <h1> is the biggest and it goes down to <h6> as it is the smallest one.  The header of this paragraph — What is the Header tag ? — is <h1> headered.

This is an example of an <h2> </h2> tag

This is an example of the <h4> </h4> tag

This is an example of a <h6> </h6> tag

What is the importance of these tags to the search engines ?

Like I explained above, the <h1> tag is the biggest of all tags, it also tells that the text in between <h1> and </h1> is important.  So if you are making a website about hamsters, you should write like –How many types of hamsters are there — to have good search engine results on the keyword “How many types of hamsters are there”

It goes down from <h1> to <h6> like the normal use, as the <h1> is the most important one, the <h6> is the least important one to search engines.  However the <h6> is the least important one, it is still important then the normal text you use on your website.

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.

How to add Youtube videos to your website

Adding youtube videos to your website is very and so much simple than any other method. If you have a video I prefer you upload your video to Youtube.com instead of uploading it to your webhost. This will save you alot of disk space and your video can’t be stolen by other people.

Go to the video you want to add on Youtube, on the page you watch the actual video, there will be a box on the right column. Take the code in the Embed box, and paste it anywhere in your website that you want.

It sounds very easy because it is. If you want to change the setting of the video for example you want it to start automatically, in the embed code, there will be 2 adress pointing to the Youtube videos source just like http://www.youtube.com/watch?v=KBuTIiS0nig Change the ?v= part to /v/ and on the end add &autoplay=1 so your video links will look like this http://www.youtube.com/watch/v/KBuTIiS0nig&autoplay=1

And that’s it you good to go! After you add your video, it will look like this on your website:

You can always edit this code, for example you can set the width and height aswell.
Good luck !

How to add a video to your site

This article will teach you how to add a video to your website very easy and simple.  The below HTML codes are examples of how you can add a video file to your website.

Although adding a video to your website makes your site interesting and look cool; you should try not to.  Adding a video to your website use alot of your bandwidth.  I also don’t recommend it because some movie files are in a massively large size.  So if you have a webhost with 100MB of disk space, adding only couple short videos would eat up that space.

So, let’s get started, first upload your video file to your host, if you don’t know how read my What is FTP and How Does it Work article because you will upload the video through FTP. Then change the below code’s “src” adress to the directory where you upload the video, for example ; if you upload the video to www.your-web-site.com/video/movie1.avi then you should change the “src” (http://yourfile.avi) adress of the below code to this.

If you add the above code to your website you will get this:

 

Hex Color Chart – Hex Colors

Hex Color code chart can be found below, it is a very easy and simple tool to find all the Hex codes for colors.  Simply click on the chart, of course on the color you want and below the chart in the “Hex” box you will find the code for it.  Don’t forget to BOOKMARK this page, you WILL need it in the future.

How to put Spanish Special Characters in your web page

Today, the most popular native language in the world is Spanish, so therefore I have gathered some special characters that are used in spanish and wanted to share.  I have provided a friendly code, numeric code and a HEX code.  You should be alright by using only the friendly code if not try using the other ones.

 

Display Friendly Code Numerical Code Hex Codes Description
Á  &Aacute; &#193; &#xC1; Capital A-acute
á  &aacute; &#225; &#xE1; Lowercase a-acute
É  &Eacute; &#201; &#xC9; Capital E-acute
é &eacute; &#233; &#xE9; Lowercase e-acute
Í  &Iacute; &#205; &#xCD; Capital I-acute
í  &iacute; &#237; &#xED; Lowercase i-acute
Ñ  &Ntilde; &#209; &#xD1; Capital N-tilde
ñ  &ntilde; &#241; &#xF1; Lowercase n-tilde
Ó &Oacute; &#211; &#xD3; Capital O-acute
ó &oacute; &#243; &#xF3; Lowercase o-acute
Ú  &Uacute; &#218; &#xDA; Capital U-acute
ú  &uacute; &#250; &#xFA; Lowercase u-acute
Ü  &Uuml; &#220; &#xDC; Capital U-umlaut
ü  &uuml; &#252; &#xFC; Lowercase u-umlaut
¿ &iquest; &#191; &#xBF; Inverted question mark
¡ &iexcl; &#161; &#xA1 Inverted exclamation point
&euro; &#128; &#x80; Euro
?   &#8359; &#x20A7; Peseta

Special Characters in HTML

Have you ever wondered how to put a © sign in your website?  In this page you will learn how to insert special character in your webpage with HTML.  It is very easy and simple.  Below I have created a chart for you that has special chracters with their HTML Codes.  To insert any of them into your webpage  unfortunately you can’t copy & paste.  But most of them are like 5 or 6 letters long so you can just read and write them into your webpage.  You can’t copy & paste because of my copyright protection.

 Also I have created a special page for Special Spanish Characters.  Don’t forget, world’s most spoken language is Spanish.

HTML Code Symbol

Description

&trade; Trademark
&amp; & Ampersand
&reg; ® Registered trademark
&copy; © Copyright
&dagger; Dagger
&raquo; » Right pointing double angle quotation mark
&laquo; « Left pointing double angle quotation mark
&#151; Em-dash
&deg; 30° Degree
&frac14; ¼ Quarter
&frac12; ½ Half
&frac34; ¾ Three quarters
&middot; · Middle dot
&iexcl; ¡ Inverted exclamation mark

How put a horizontal line (Divider) in a web page

On this page, you will learn how you can customize a divider.  First, what is a divider?  A Divider is a basic horizontal line.  Here is an Example:


Instead of using images and slow down your website speed, you should consider using these dividers.  It is a basic and simple HTML code, “<hr>” is the code.  Customizing it is very easy aswell.

You can use:

  • color
  • size
  • width

as an basic tag, which I will explain more.

For example if you use a code and tag it like this: <hr size=7 color=red>  it will appear like this:


You can also use the “width” tag to set the width of the divider.  You should try to use more of these dividers instead of images so your web page loads faster.

What is WebDav Client Protocol and How is it used

FTP is an obsolete and outdated protocol.
Anyone using FTP should seriously consider using WebDAV.

Using WebDAV (Web Distributed Authoring and Versioning), users can group-edit and organize files located on servers.

Basically it’s like using FTP but through HTTP

I know it sounds confusing but here is a comment left on my website that explains better:

Since DAV works over HTTP, you get all the benefits of HTTP that FTP cannot provide. For example: strong authentication, encryption, proxy support, and caching. It is true that you can get some of this through SSH, but the HTTP infrastructure is much more widely deployed than SSH. Further, SSH does not have the wide complement of tools, development libraries, and applications that HTTP does.

DAV transfers (well, HTTP transfers) are also more efficient than http://FTP. You can pipeline multiple transfers through a single TCP connection, where as FTP requires a new connection for each file transferred (plus the control connection).

You do not need a client if using Windows or Mac since a client is integrated into the operating system.

Do a Google search for BarracudaDrive, which is an easy to use WebDAV server.

How to install and use SMF forum

There is not a lot of reasons why I like SMF forum so much.  It’s just simple, it is easy to install, simple to operate, and have many many functions.  In this article I will explain how to install SMF forum.

  • Download the system (FREE)
  • Upload using FTP
  • Go to your forum adress ex: your-website.com/forum
  • Install
  • Ready to Use !

So, let’s get started.  Go to simplemachines.com and download the free package you wish to use.  Get the files out of ZIP format (extract).  Now upload them to the directory you want to use.  Many people use either you-domain.com/forum or forum.yourdomain.com — you will need to upload your files using FTP.  Click here to read about FTP.

Now that you have uploaded your files, direct your browser to the directory you uploaded it to.  For example if you have uploaded it to your-domain.com/forum go to your-domain.com/forum. Once you are there, it will automatically instruct you with the setup.  You just have to fill in the places with proper information.

Once your done, you can login to your forum, and start to create categories, forums and sub-forums.  This system is very easy and simple, I prefer it to anyone from beginners to professionals.

Next Page »