Learn HTML Coding

Home Start Here Beginner Intermediate Resources

Beginner Coding

Now that you know how to create a basic web page using HTML, here are some beginner HTML codes to spice things up:

Background Color/Image

Background Color
To add color to the background of your webpage, type bgcolor="yourcolorchoicehere" in the <body> code (Ex. <body bgcolor="#FFFFFF">). Visit the resources page to get the HTML color codes.

Background Image
To add an image as the background to your web page, type background="yourimagechoicehere" in the <body> code (Ex. <body background="image.jpg">).

Font

Font can be formatted in different ways that include color, style, size, and special formatting. Listed below are just a few examples of font colors, styles, sizes, and special formats. Please use the Resources page to get a more in-depth understanding.

Color
In front of the text that you would like to format, type <font color="yourchoicehere">. Type </font> after the last text that you would like to have with that same color (Ex. <font color="red">This text is red</font>).

HTML Color Chart
Image from http://dioceseofboac.org/tonz/?p=325

Style
In front of the text that you would like to format, type <font face="yourchoicehere">. Type </font> after the last text that you would like to have with that same style (Ex. <font face="Arial">This text's style is Arial</font>).

Size
In front of the text that you would like to format, type <font size="yourchoicehere">. Type </font> after the last text that you would like to have with that same size (Ex. <font size="3">This text is size 3</font>). Your choices for font size range from 1 to 7, with size 1 being the smallest size available.

Special Formats
Special formats can include the bold, underline, and italics options. In front of the text that you would like to format, type <b> for bold, <u> for underline, and/or <i> for italics. Type </b>, </u>, and/or </i> after the last text that you would like to have with that same format (Ex. <b>This text is bold</b>).

Michael Blackburn: Mikestr87@knights.ucf.edu
Last Updated on September 18, 2012