Learn HTML Code » HTML Code

HTML Blockquote

Zach — Mon, 07 Sep 2009 17:03:15 +0000

An HTML Block quote tag is one way to quote text from another source. They are usually indented by most browsers and are used to define a long quotation. This HTML tag can also contain a cite=”url”. To insert this tag into your HTML Code use

the quote

. If you want to add the source of your quote to the blockquote, use

as your opening for the blockquote.

This would be an example of a block quote:

Building technical systems involves a lot of hard work and specialized knowledge:
languages and protocols, coding and debugging, testing and refactoring.

A block quote tag is a block level element. This means that while you are coding and declare the tag your text will jump to the next line. It will not be styled in the current sentence that you are writing, such as an italic or bold word would. If you want to have the quote styled in your text rather then on a new line you can use the <q> tag.

Opening a New Window with Hyperlinks

Zach — Sat, 05 Sep 2009 07:29:02 +0000

Trying to open a new page when a user clicks your link but having no luck? There are a few ways this may be done. If you want to do this with script code you can do it one of two ways. Note that these ways will not work if the person visiting your site does not have scripting enabled.

Example 1
Example 2

If you are looking for a more HTML geared way of doing it you can use the target=”_blank” inside your a href. This way is a deprecated HTML tag.

Example 3

Be careful when using this tag to open a new window. This could make visitors to your site not want to come back again. There is always a time and place to use this, such as opening a new window when someone clicks to download a file. However, if you are just using this tag while people navigate through your site, odds are they will not want to come back!

The effect of these tags can be different depending on the browser. For example, when I tested the target=”_blank” in IE 8 it opened a new window. In IE 7 and Firefox it opened a new tab.

If you are tracking the length of time visitors spend on your website then this could mess up your measurements. When the user opens a new window that leaves the browser window with your website up on a different page sitting idle, but still collecting data for how long that person is visiting. These are just speculations into why you may not want to use this command, there is no proof that I know of to turn these comments into facts. Who knows, maybe opening a new window for every click will be the new fad!

Removing underline from a Hyperlink

Zach — Sat, 05 Sep 2009 07:27:38 +0000

Sick of seeing a blue hyperlink? Or are you just sick of having that line under your hyperlink? Well, it’s easy to get rid of. You can either inline style the code or you can place it in your css. If you inline it into your code you would add style=”text-decoration:none” to your a href.

For Example:

text

Which would give you something that looks like this:

Example

If you want to change the color of this you would just have to add a “color: #fff” to your style tag or in your css where you put your text-decoration. An example of an inline style would be:

text

This would give you:

Example

Inserting a SWF image into your website

Zach — Sat, 05 Sep 2009 07:27:20 +0000

Well if you are here you are probably wondering how in the world you insert an SWF image into a html webpage using code! This way validates as proper html/css from the w3c validator. This way embeds the swf as an object into your website. If you are using this code in your website be sure to change the ‘data=’ and ‘value=’ parameters to where your swf file is located in your folder. The width and height numbers can be altered to whatever the size of your SWF is. If you do not know what the size of your SWF is you can right click the file and go to properties or you can hover your mouse over the file.

data=”swfimg/home.swf” width=”600″ height=”400″>

It is very important that you change “swfimg/home.swf” under data and value to the location of your swf file in your website folder. If you do not change these then your swf image will not show up. As I said before, the height and width may be changed to whatever the size of your swf.

Adding Comments to your HTML and CSS Code

Zach — Sat, 05 Sep 2009 07:23:51 +0000

Adding comments to your code can be a very useful tool that you may use. You may think you don’t need comments because you will always remember what you did, but what if you have 100+ pages? It can become a little hard to manage and remember why you did what you did. Comments are also useful for other coders looking at your source code. It may help them find out how you did something that they liked.

To put comments in the body area of your code you need to use and end of commenting here–>. An example of this would look like:

Adding comments to CSS can be very useful in troubleshooting what lines of code are doing what. You can comment out a line, see the change it does and then un-comment it. It also lets you space out the areas of your CSS so if you use a linked style sheet you know what areas apply to what pages. To do a comment in CSS you would use /* comments here */. For example:

#main {
margin: 0 auto; /* Centers content in IE and FF */
background-color: Silver;
}