Tips for using “basic” HTML - Powered by Kayako SupportSuite Help Desk Software

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: Pregnancy Sessions Birthing Sessions 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!

Sharing is good. If you have a comment about this entry, please feel free to share. The comments might be reviewed by our staff, and may require approval before being posted. Questions posted will not be answered. Please submit a Ticket for support requests.

Image Verification Required

Please enter the characters that appear to the right in the space provided. This is just to verify that you are a human.

Fullname:

Email: (Optional)

Comments:

Line Breaks & Horizontal Lines

Bullet & Number Lists

Accentuating Text

Font size, color and face "attributes"

Centering Text