Quick and Simple HTML Tips

Posted by on Apr 28, 2010 in Internet Mastery, Web Development | 0 comments

Making text bold
To make text appear bold, use <b> and </b> around the text.

For example:

Make <b>this bold</b>will look like:

Make this bold

Making text italic
To make text appear italic, use <i> and </i>around the text.

For example:

Make <i>this italic</i>will look like:

Make this italic

Making text underlined
To make text appear underlined (without being an actual link), use <u> and </u>around the text.

For example:

Make <u>this underlined</u>will look like:

Make this underlined

Creating line breaks
There are two basic line breaks in HTML. Use <br> to break to the next line or <p>to skip a line.

For example:

1<br>2<p>3will look like:

1
2

3

Changing the size of text
To change the size of text, use <font size="+1"> to look bigger, or <font size="-1"> to look smaller. End with </font>. You can also change the number value if you want to.

For example:

Make text <font size="+2">bigger</font> or <font size="-2">smaller</font>will look like:

Make text bigger or smaller

Changing the type of font
There are a few different fonts you can use, and the most common are:

Times New Roman: (this is the default for all browsers)Arial or Helvetica: use <font face="arial, helvetica"> and </font>

Verdana: use <font face="verdana"> and </font>

Garamond: use <font face="garamond"> and </font>

For example:

Make <font face="garamond">this font garamond</font>

will look like:

Make this font garamond

Changing the font color
There are many different Web-safe colors that you can use in your HTML. View the HTML Color Codes Chart.

To make text appear in a certain color, use the color codes like this: <font color="#FF0000">.

For example:

Make <font color="#FF0000">this font red</font>will look like:

Make this font red

To set default font colors for the entire page, use color codes in the <body> command. For example, if you want:

    font = black

 

    link = blue

 

    ‘visited’ link = red

 

    ‘while being clicked’ link = pink

use:

<body text="#000000" link="#FFFF00" vlink="#FF0000" alink="#FF00CC">

Including a graphic
To include a graphic in your HTML page, use <img src="URL">.  Be sure to include the entire URL of the graphic, starting with http://.

Including a numbered or bulleted list
To include a list in your HTML page, use <ol> and </ol> at the beginning and end of the list, and use <li>to create the individual lines.

For example:

<ol>
<li>This is line one
<li>This is line two
</ol>will look like:

  1. This is line one
  2. This is line two

If you want to use a bulleted list instead of a numbered list, use <ul> and </ul> instead of <ol> and </ol>.

Comments

Powered by Facebook Comments

Leave a Reply