Movies TVShopTutorialsGetting StartedMainMainGamesMusicLinksPortfolioMainVisit Late Nite Rock at www.LateNiteRock.comVisit Club House at www.clubhouseradio.comVisit Early Country at www.EarlyCountry.netVisit Doctor Duane at www.DoctorDuane.comVisit All The Roots at www.AllTheRoots.comVisit All The Beats at www.AllTheBeats.comVisit World Beat Studio at www.WorldBeatStudio.comVisit All The Hits at www.AllTheHits.netVisit Request Show at www.RequestShow.com

Tutorials

Web Utilities


.htaccess & .htpasswd - Need to password protect a folder on your website, try this handy .htaccess generator


HTML Reference


Basic HTML Document Code Structure

Begin writing your HTML tags by creating your document's basic layout. Copy and paste this code into your text or HTML editor.

<HTML>
<HEAD>
<TITLE>Your Page Title</TITLE>
</HEAD>
<BODY>

This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded.

For a complete list of HTML codes, tags and examples, see the HTML chart below.

</BODY>
</HTML>

<HTML> - Begins your HTML document.

<HEAD> - Contains information about the page such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.

<TITLE> - The TITLE of your page. This will be visible in the title bar of the viewers’ browser.

</TITLE> - Closes the HTML <TITLE> tag.

</HEAD> - Closes the HTML <HEAD> tag.

<BODY> - This is where you will begin writing your document and placing your HTML codes.

</BODY> - Closes the HTML <BODY> tag.

</HTML> - Closes the <HTML> tag.



Scrollbars in Internet Explorer

AttributeDescription
scrollbar-3dLight-ColorSets or retrieves the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.
scrollbar-Arrow-ColorSets or retrieves the color of the arrow elements of a scroll arrow.
scrollbar-Base-ColorSets or retrieves the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.
scrollbar-DarkShadow-ColorSets or retrieves the color of the gutter of a scroll bar.
scrollbar-Face-ColorSets or retrieves the color of the scroll box and scroll arrows of a scroll bar.
scrollbar-Highlight-ColorSets or retrieves the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.
scrollbar-Shadow-ColorSets or retrieves the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.
scrollbar-Track-ColorSets or retrieves the color of the track element of a scroll bar.


Spacers

<br>
Forces a line break immediately and retains the same style. (carriage return)

<P>
Forces a double line break. (new paragraph)

<hr>
Places a horizontal rule or separator between sections of text - basically, it's a line.


Headers
<h1> . . . </h1> Most prominent header
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6> . . . </h6> Least prominent header
<font size="1"> Font size 1 </font>

<font size="2"> Font size 2 </font>

<font size="3"> Font size 3 </font>

<font size="4"> Font size 4 </font>

<font size="5"> Font size 5 </font>


Font Color

<font color="FFCCFF">Hex Color Code, "FFCCFF" </font>

<font color="yellow"> Named Color, "Yellow" </font>


Font Styles

<font face="Helvetica"> Helvetica font </font>

<font face="Baskerville"> Baskerville font </font>

<font face="Lucida"> Lucida font </font>



Text Styles

<b> Boldface </b>

<i> Italics </i>

<u> Underline </u>

<tt> Typewriter font </tt>

<em> Emphasis </em>

<strong> Stronger emphasis </strong>

<blink> makes text blink </blink> only in Netscape

<strike> cross out text </strike> cross out text



To Place a Picture

src= Specifies the location of the image.

URL= Uniform Resource Locator (address on the Web)

<img src="http:// url of your image">

alt =Alternate text appears in place of the
image when the browser can not display image.
(Not Required)

<img src="http:// url of your image" alt="image description">


To Wrap Text Around A Picture

src= Specifies the location of the image.

URL= Uniform Resource Locator (address on the Web)

<img src="http:// url of your image">

align = specifies the side of the text the picture will appear

<img src="http:// url of your image" align="left">
or <img src="http:// url of your image" align="right">


Making a Clickable Link

Text Link - <a href="http:// url of the target">Click here </a>

Image Link - <a href="http:// url of the target"><img src="http:// url of your image"></a>

Email Address Link - <a href="mailto:YourEmail@Address.here"> Email Me </a>


Background Color

<bgcolor="green">


Image Background Pattern

<body background="http:// url of your image">

<table background="http:// url of your image">


Alignment

Specify a relationship to surrounding text.
can be one of these
:

<center> </center>

New paragraph + align

<p align="left">
<p align="center">
<p align="right">


Table Tags

<table> </table>
Start and Closing tags of a Table.

<tr> </tr>
Start and Closing tags of a Table Row.

<td> </td>
Start and Closing tags of the Table Data.


Simple Tables
<table border=2>
<tr>
<td> BOB </td><td> CARL </td>
</tr>
</table>
BOB CARL

<table border=2>
<tr>
<td> BOB </td><td> CARL </td>
</tr>
<tr>
<td> SUE </td><td> MARK </td>
</tr>
</table>
BOB CARL
SUE MARK

Lining Things Up In Tables

Alignment Within a Tables
<td align=..... >
can be one of these:

<td align="left">
<td align="center">
<td align="right">

Vertical Alignment <td valign=..... >
can be one of these:

<td valign="top">
<td valign="middle">
<td valign="bottom">


 
© 2016 Inspired Design Pioneering - Hampton Roads Web Design

Home of: inspireddesignpioneering.com | hamptonroadswebdesign.com | tinageorge.com | tinageorge.net | christinanatasha.com

Domains FOR SALE: cooksonwheels.com | rocksurge.com | ravesurge.com | thatgirlband.com | thatgirlband.net | hearcountry.com | countryshow.info | countryhits.info | radiovoice.info | radiotalent.info