Single Property Website Course HTML DAY 3
By Bruno Roldan
Single property website course become an HTML Expert Day 1 Single property website course become an HTML Expert Day 2 Sorry guys i KNOW yesterday i said that i was going to get all into the good stuff with adding photos into your single property website and everything. However, after reviewing the program i thought it would be better to review the following first: Modify background of your single property website How to add texture to your single property website How to add color to your text. How to adjust font size How to change font style How to modify thickness of lines which we learn't yesterday: the hr tags This will allow us to make a decent looking website using only html :) Background color To modify background color follow these steps: Modify the <body> line at the top of your html document it should appear like this: <body bgcolor=xxxxxx> (where bg = background)
The x's refer to the color. You can use the following colors: Aqua Blue Navy Purple White Black Fuchsia Olive Red Yellow
As you know there are MANY more colors to choose from, however, the rest have to be added by their number codes. To insert a number code you must first know the code you want to use, you can find all the codes on this website: http://html-color-codes.com/ The only thing that would change in the HTML code would a # sign before the code like this: <body bgcolor=#xxxxxx> Background Texture So maybe you don't want to use a plain color as your background. Thats fine! First you must find a suitable background image for your single property website. There are many free background image providers on the net here's a sample of a website: http://www.fg-a.com/backgrounds.htm So to the juicy stuff! To insert an image as part of your background follow these steps: Add the following code within your body tag. <body background= “properties/front.jpg”>
Where properties/front.jpg is the location of your file on your computer. Text Color To change the color of the text of your entire document you have to modify the body tag, if you ever want to make a document wide change, like background color, text color, text font etc you must do this within the opening body tag. So, to change the text color you can do the following: <body text=xxxxx link= xxxxx vlink=xxxxxx>
Where: Text is to change the color of your text Link is to change the color of the links Vlink to change the color of the links you have visited. Xxxx is the color you want your text, link or Vlink to be. FONT color, style, and size. So now you know how to change the font color for the entire document. But, what if you want to change the font color, style and size for only some text within the document? To change the color: Write: <font color=xxxxxx>text</font color>
To change the font size: Write: <font size=n>text</font color> (where n is from 1 -7)
To change the font style: Write: <font face=xxxx>text</font> (where xxx is the style such as Verdana)
Lines You can adjust the thickness, width and dimensions of lines. From yesterdays class you know that hr is the tag for line where tags are always surrounded by <> To adjust the thickness: add size the you hr tag size=x <hr size=x>
To adjust the width: add width to your hr tag width=x% <hr width=x%>
Al lines appear with a shade you can remove this shade by adding noshade within your hr tag Line with shade: <hr> Line without shade: <hr noshade> Wow its 11:15 pm central time i made it!!!! hahahahah almost mist my own 1 course a day deadline! If you have any questions just post them here! Ill catch you in tomorrows html crash course, I promise I WILL get into starting developing your single property website tomorrow! Cheers! | 
;)
;)
Bruno, Keep the good stuff coming. this is really cool - even for guys who have dabbled with this in the past, it is good to know and get a refresher course. For the newbies, you make it so simple - so again thanks.
John Occhi, Hemet CA REALTOR®