HTML Cheat Sheet For Beginners
Here is a list of simple HTML codes anyone can use to format and link images or words on their website or blogs.
Enjoy:
Bold your text – <b> </b>
Italic your text – <i> </i>
Underline text – <u> </u>
Size of text – <font size=”12px”> where 12 is the size, you can change this to any number
Color of text – <font color=”#ffffff”> You can use what is refered to as hex numbering for colors or the name of the color this is my favorite site to get hex color codes http://www.computerhope.com/htmcolor.htm
To make a list – <ul> this stands for unordered list, then use one of the following
<li> </li> this puts bullets in front of the lists
- coffee
- tea
- milk
<ol> </ol> this numbers your list
- coffee
- tea
- milk
and close it with </ul>
<hr /> Defines a horizontal line
Paragraph – to define a new paragraph <p> this is the same as hitting your return key or enter key on your keyboard twice
To insert a line of text <br> this is the same as hitting your return key or enter key on your keyboard once
Links:
To make specific words clickable on your website or blog use -
<a href=”Your link.com”>This is clickable</a> The words This is clickable can now be clicked by visitors If you would like your visitors not to leave you page and have your link open in a new window, add target=_”blank” directly after your link <a href=”http://laurasbasicstowebdesign.com”target=_”blank”>
Place an Image on your website or blog use
<img src=”insert link to your image”> if you wish to set the width and height of your image simply define the width and height <img src=”http://laurasbasicstowebdesign.com/images/me.jpg” width=”160px” height=”150px”>
>