Archive for Necessary Tags

How to add a “Email Me” link

This article will explain how to forward an hyperlink to an email address.  This is that familiar “Contact” link on the bottom of many websites.

It is really basic, you start with the <a> just like you start every hyperlink.  But this time, instead of using “http://” you use, “mailto” to establish the link.  Follow the example below:

<a href=”mailto:example@sample-email.com”>Contact me</a>

That is how easy it is!  Best of luck with you all.


( February 10, 2010 at 2:07 pm) · Filed under Beginners, Coding, Html Tags, INFO, Necessary Tags, , , , , , ,

Comments

Bold Html Tag

This article will explain how to make a text bold. Making a text bold makes it stand out and realizable.  This is like putting make up on everyday so you look fine and noticeable.  Let’s get to the point.

In Html, the tag “b” is used for making text bold.

For example you can do: I used to fish for fun when I was <b>younger.</b>

This will appear like this: I used to fish for fun when I was younger.

As you can see, the text “younger” is bold and stands out.


( January 8, 2010 at 3:02 am) · Filed under ASP, Coding, General, Html Tags, Necessary Tags, Php, , , , , ,

Comments

Basic Html and CSS tutorial

Hey, this video right here will teach you how to start learning Html from scratch. You can start coding right away! Just watch the video and pay close attention.


( December 28, 2009 at 4:16 pm) · Filed under Beginners, Blog, Coding, General, Html Tags, INFO, JavaScript, Necessary Tags, , , ,

Comments

Basic iFrame

This article will explain the basic iframe code, on this site, you can also find the well explained version of this article, just type iframe on the website’s search box.

<iframe src=”http://www.example-target-site.com”></iframe>

The above code is what a iframe looks like.  Again you can change the way this iframe looks, just search iframe on THIS site’s search box.


( November 9, 2009 at 11:17 pm) · Filed under Beginners, Coding, General, Html Tags, Necessary Tags, , , , , ,

Comments

Spanish Special Characters

This article contains friendly Html codes for Spanish special characters.  These codes can be so useful using it in your website because sometimes either your server or a browser doesn’t support every character.

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

( November 5, 2009 at 9:53 pm) · Filed under Coding, General, Html Tags, Necessary Tags, , , , , , , ,

Comments

How to make a font bigger

To make your text stand out, you might want to use the <big> tag.  This way, your font will be bigger then usual and it can easily stand out.  For example check below:

When using the <big> tag your font gets bigger.  Make sure to close the <big> tag with a </big> ending tag.


( November 4, 2009 at 12:23 am) · Filed under Coding, General, Html Tags, Necessary Tags, , , ,

Comments

Special Characters

Below is a list of special characters with their codes beside them.

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

( November 2, 2009 at 11:47 am) · Filed under Coding, General, Html Tags, Necessary Tags, , , , , , , , , , , , , ,

Comments

Hyperlink

This article explains how to use a hyperlink and the types.  A hyperlink is the html link you click on to get to another page from a page.  The basic code is as follows:

<a href=”http://www.start-a-site.com”>Start-a-Site.Com</a>

Which results in : Start-a-Site.Com

You can also have this link open in a new window by using the target value.  If you’d like, you can add a Anchor tag aswell by using the title value.  Take a look at it below:

<a target=”new” title=”Start-A-Site.Com How to Start Websites” href=”http://www.start-a-site.com>Start-a-Site.Com</a>

This will show up as: Start-a-Site.Com

Use the codes above as you like.  Make sure you change the values and attributes.


( October 29, 2009 at 9:57 pm) · Filed under Coding, General, Html Tags, Necessary Tags, , , , , , , , ,

Comments

How to redirect a page

For a various number of reasons, webmasters need the redirection code to redirect their pages to other pages.  You will be using a Meta tag on this example of a Redirection code.  The code is as follows:

<meta http-equiv="Refresh" content="5; url=http://www.start-a-site.com">

The code above tells the server to request “http://www.start-a-site.com” within 5 seconds. Feel free to change the values of “Content” and “URL” according to your needs.


( October 29, 2009 at 1:38 am) · Filed under Coding, General, Html Tags, Necessary Tags, , , , , , ,

Comments

How to make a Favicon

A Favicon (favorite icon) is the small image that appears in the URL bar before a website’s adress.  This article will explain how to make a Favicon.  It is also the icon that is saved beside the name of the website when you bookmark it.

FavIcon gives your website a more professional look. It is also a good way to brand your website, as it usually carries the logo of your site. You can use the following steps to create a nice favicon for your professional looking website:

1. You are going to need a graphic creation program for this one. Photoshop is a good choice. However, you have to download the plugin called Windows Icon file format for Photoshop.  But of course, this is not a big problem, you can even use Paint to create your Favicon.

2. The size of a Favicon is merely 16 x 16 pixels. Create your image about that size.

3. You can also use a random image for a favicon, but is not recommended, you can make a bigger image and the browser will automatically shorten it for you.

4. Save the image and call it favicon.ico.

5. Upload the file in your hosting server. You can use FTP for this. Be sure that you put the file where the home page or the index.php page is located. Do not put the file in an images folder or any other sub-folder.

6. Now insert this code in the head section of your html files:

<link rel=”icon” href=”/favicon.ico” type=”image/x-icon”>

* You need to put this script inside the <head> </head> code of each of your website’s pages, if you want all of them to carry the icon.

Let’s test our nice favicon. When you refresh your page, there should be a small icon appearing before the URL on the address bar. If it doesn’t show up, try to put a question mark at the end of the address to force the browser to refresh the page without consulting the cache.


( October 11, 2009 at 6:32 am) · Filed under General, Html Tags, Necessary Tags, , , , , , ,

Comments

« Previous entries Next Page » Next Page »