Tryangled Solutions web designing tips tricks

For MyISAM tables that change frequently, you should try to avoid all variable-length columns (VARCHAR, BLOB, and TEXT). The table uses dynamic row format if it includes even a single variable-length column.

Many SEO professionals still argue over this but the page title tag element is still one of the most important factors for ranking highly in the search engines.

The title tag is displayed as the first line of text in the blue row at the top of any browsing window. Search Engine Friendly title tag is ideally 3-9 words (60-80 characters) maximum in length, straight and to the point, this is what will show up in search engine results as a link to your page. Have at least one main keyword in title tag but don’t stuff all of your keywords in it. SEO Tip: make sure your Page Title Tag is relevant to the content on the page and EVERY page should have it’s own Title tag.
(Read more and see title tag examples in this Meta tags article.)

The HTML MARQUEE tag is used to scroll text across a web page and is only supported by Microsoft Internet Explorer.

You can change the marquee background color, width, the number of times your message will scroll, and the speed that your text scrolls, by adding the following attributes within your MARQUEE tag.

BGCOLOR=”#CCCCCC” - background color

LOOP - Determines how many times the text will scroll. -1 is indefinite and will continuously scroll. You can set this to whatever you’d like.

SCROLLAMOUNT - Determines the speed your text will scroll.

WIDTH - Determines the width of your marquee.

<MARQUEE bgcolor=”#CCCCCC” loop=”-1″ scrollamount=”2″ width=”100%”>Example Marquee</MARQUEE>

If you would rather have your text bounce back and forth, place the following code within your HTML. This example displays the marquee with linked text.

<MARQUEE behavior=”alternate” scrollamount=”2″ bgcolor=”#CCCCCC” width=”100%”><A HREF=”http://www.yourdomain.com”>This is an example of bouncing text</A>.</MARQUEE>

You can display your HTML web page  links in the color of your choice by adding the STYLE attribute to your HTML code.

Copy and paste the following code into the HTML portion of your web page where you would like the link to appear:

<A HREF=”http://www.yourdomain.com/” STYLE=”background:yellow; color:black” TARGET=”blank”>http://www.yourdomain.com/</A>

You can change the colors to whatever you’d like, but keep in mind, the text must be visible through the background color.

You can display your HTML link description in the status bar of your browser. When the mouse is placed over a link, the text link description will be viewed in the status bar.

<A HREF=”http://www.blog.tryangled.com” onmouseover=”window.status=’Your text description’; return true” onmouseout=”window.status=”;return true”>Your linked text</a>

The <blockquote> tag will enable you to indent your text from the left and right margins within your web page. However, it won’t enable you to indent your text from just one side.

If you would like to indent your text from the left margin only, you can use the <UL> tag (the same tag you would use to create a bulleted list). The only difference is that you won’t use the <LI> tags with it. Your text will be indented just as a bulleted list is, but there won’t be any bullets.

This example is displayed using the <UL> tag without the <LI> tags. Notice how the text is indented from the left margin.

<UL>
Place your text between the <UL> and </UL tags without the <LI> tags.
</UL>

If you’ve ever tried to display an image with your text wrapping around it, you have probably discovered it won’t work with just a plain image tag.

To do so, you must include the ALIGN attribute within your image tag.

Image Displayed on Left:

<IMG BORDER=”0″ ALIGN=”Left” SRC=”yourimage.jpg”>Your Text

By placing the above code within your HTML, your image will be displayed on the left hand side with your text displayed on the right.

As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.

Image Displayed on Right:

<IMG BORDER=”0″ ALIGN=”Right” SRC=”yourimage.jpg”>Your Text

By placing the above code within your HTML, your image will be displayed on the right hand side with your text displayed on the left.

As you continue to type your text, it will automatically format itself to wrap around the left side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.

You can highlight your HTML web page text in the color of your choice by adding the STYLE attribute to your HTML code.

Example: Example of highlighted text

Copy and paste the following code into the HTML portion of your web page where you would like the text to appear:

<SPAN style=”BACKGROUND-COLOR: #ffff00″>Example of highlighted text</SPAN>

You can change the colors to whatever you’d like, but keep in mind, the text must be visible through the background color.

The FONT tag is used to display your text in a specific style.

Although you may specify the font style you would like your text to be displayed, please keep in mind, if your visitor doesn’t have the font face you specify on their computer, the text will be displayed in the users default font setting.

To make sure your pages are being viewed as you intended, you should include alternative fonts within your HTML web page font tag.

<FONT face=”Verdana,Helvetica,Arial”>Your Text</FONT>

The code above tells the browser to display your text in Verdana, but if your visitor doesn’t have Verdana to display your text in Helvetica and so on.

By including font alternatives, you can ensure your page will be displayed exactly as you had intended.

Client/Server Request/Response
HTTP is a simple client/server protocol with stateless request/response sequences.

The Client HTTP Request
7 possible HTTP 1.1 request types: GET, PUT, POST, DELETE, HEAD, OPTIONS and TRACE.
Any number of HTTP headers can accompany a request.

GET /filename.php HTTP/1.0
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, image/png, */*
Accept-Charset: iso-8859-1,*,utf-8
Accept-Encoding: gzip
Accept-Language: en
Connection: Keep-Alive
Host: localhost
User-Agent: Mozilla/4.77 [en] (X11; U; Linux 2.4.5-pre4 i686; Nav)
The Server HTTP Response
HTTP/1.1 200 OK
Date: Mon, 21 May 2001 17:01:51 GMT
Server: Apache/1.3.20-dev (Unix) PHP/4.0.7-dev
Last-Modified: Fri, 26 Jan 2001 06:08:38 GMT
ETag: “503d3-50-3a711466″
Accept-Ranges: bytes
Content-Length: 80
Keep-Alive: timeout=15, max=100
Connection: Keep-Alive
Content-Type: text/html