02 Sep 2014 
Support Center » Knowledgebase » General » Tips for using “basic” HTML
 Tips for using “basic” HTML
Solution
Within Portfoliositez Hybrid Flash templates, there is an area within your Splash Page for Additional Information and/or HTML code. This portion of your website can be customized by YOU, the client, using some very basic HTML!

An HTML "tag" is an instruction that makes a given section of your page look a certain way without being visible itself. A tag consists of a less than sign (<) to begin the tag, followed by a tag name, or instruction, followed by a greater than sign (>) to end the tag. Note: tags are not case sensitive, so < P > is the same as < p >.

Also NOTE!!!! The tags provided in this article have spaces between the < and >, for demonstration purposes! When using HTML tags, you will want to REMOVE the spaces!

Here are some basic HTML tags you can use to customize your Splash Page!!





Line Breaks & Horizontal Lines

Tag Description What your code looks like What clients will see
< p > Paragraph < p >Denver area Wedding Photographer. < p >Please give me a call.

Denver area Wedding Photographer.

Please give me a call.

< br > Line Break Please feel free to email me. < br > I'll get back to you within 24 hours. Please feel free to email me.
I'll get back to you within 24 hours.
< hr > Horizontal Rule John A. Photographer < hr > Professional Wedding Photography John A. Photographer
Professional Wedding Photography






Bullet & Number Lists

Tag Description What your code looks like What clients will see
< ul >
< li >
< /li >
< /ul >
Unordered (bullet) list with list items Specializing in newborn and child photography including: < ul > < li > Pregnancy Sessions < /li > < li > Birthing Sessions < /li > < li > Newborn Photography < /li > < /ul > Specializing in newborn and child photography including:
  • Pregnancy Sessions
  • Birthing Sessions
  • Newborn Photography
< ol >
< li >
< /li >
< /ol >
Ordered (number) list with list items Specializing in newborn and child photography including: < ol > < li > Pregnancy Sessions < /li > < li > Birthing Sessions < /li > < li > Newborn Photography < /li > < /ol > Specializing in newborn and child photography including:
  1. Pregnancy Sessions
  2. Birthing Sessions
  3. Newborn Photography






Accentuating Text

Tag Description What your code looks like What clients will see
< b > < /b > Bold < b >Available nights & weekends!< /b > Available nights & weekends!
< i > < /i > Italics Do you want an < i > extraordinary < /i > Photographer? Do you want an extraordinary Photographer?
< u > < /u > Underline < u >Here are samples of my work.< /u > Here are samples of my work.







Font size, color and face "attributes"

Tag Description What your code looks like What clients will see
< font >
< /font >

Size (1 -7) < font size="1" >Smallest text< /font >
< font size="2" >This is smaller text< /font >
< font size="3" >This is small text< /font >
< font size="4" >This is medium text< /font >
< font size="5" >This is big text< /font >
< font size="6" >This is bigger text< /font >
< font size="7" >Biggest text< /font >
Smallest text
This is smaller text
This is small text
This is medium text
This is big text
This is bigger text
Biggest text
< font >
< /font >
Font Face < font face="Palatino" >Here is an example of Palatino.< /font >
< font face="Arial" >Here is an example of Arial.< /font >
< font face="Courier" >Here is an example of Courier.< /font >
Here is an example of Palatino.
Here is an example of Arial.
Here is an example of Courier.
< font >
< /font >
Font Color < font color="red" >Here is some red text.< /font >
< font color="green" >Here is some green text.< /font >
< font color="brown" >Here is some brown text.< /font >
< font color="blue" >Here is some blue text.< /font >

***You may also use a color CODE, such as from your link color-picker, if you would like to match your text to link colors!***

For Example:

< font color="B51D5A" >Here is some wild PINK text!!< /font >
Here is some red text.
Here is some green text.
Here is some brown text.
Here is some blue text.

Here is some wild PINK text!!

< font >
< /font >
Multiple Attributes < font size="2" face="Courier" color="red" >Here is some small red text in Courier.< /font >
< font size="6" face="Arial" color="purple" >Here is some big purple text in Arial.< /font >
Here is some small red text in Courier.
Here is some big purple text in Arial.





Portfoliositez Notes:

     
If you don't specify a font face, or if you specify a font face that your site visitors don't have on their computers, they will see a default font, which for most browsers is Times New Roman.

If you are in need of a list of common and web safe fonts, please visit http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html





Centering Text

Tag Description What your code looks like What clients will see
< center >
< /center >
Center Text < center >Center this text!!< /center >
Center this text!!





For additional help with basic HTML code, or additional "cheat sheets", we recommend the following websites:

http://www.webmonkey.com/2010/02/html_cheatsheet/ http://www.psacake.com/web/dy.asp http://htmlguide.drgrog.com/alpha/cheatindex.html

These sites will contain HTML "cheats" a bit complex for your Additional info box on the Splash Page, but may be helpful anyway!!

Please feel free to contact us at support@portfoliositez.com with additional questions or concerns!


Article Details
Article ID: 320
Created On: 05 Jan 2011 05:48 PM

 This answer was helpful  This answer was not helpful

 Back
 Login [Lost Password] 
Email:
Password:
Remember Me:
 
 Search
 Article Options
Home | Register | Submit a Ticket | Knowledgebase | Troubleshooter | News | Downloads
Language: