Learn some HTML Basics

  • 3
  • Idea
  • Updated 8 years ago
Learning the language of HTML (Hyper Text Markup Language) can really open doors to a whole new world of web designing and browsing. There are some really great website tutorials that can help you with the process.

1. W3schools.com
2. quackit.com
3. htmlcodetutorial.com

Here are a few basic HTML codes that you might find useful for your site. You can add these using the HTML Widget or by clicking inside a Text Widget and clicking on the HTML button on your Text Editing Toolbar:

Change font color, face and size:
<font color="#5dc4d3" face="Times New Roman" size="5">TEXT GOES HERE</font>

Bold, Underline, Italics or Center:
<b>This will bold your text</b>

<u>This will underline your text</u>

<i>This will italicize your text</i>

<center>This will center your text</center>

Add a new paragraph:
<p>This will begin a new paragraph</p>

Add an image:
<img src="resources/yourimagefile.jpg">

Creating a text link:
<!--<a href="http://yourlinkurl.com">TEXT GOES HERE</a>-->
*Please do not include the <!-- and -->.

Creating an image link:
<!--<a href="http://yourlinkurl.com">&lt;img src="resources/yourimagefile.jpg"></a>-->
*Please do not include the <!-- and -->

Open in a new window:
<!--<a href="http://yourlinkurl.com" target="_blank">TEXT GOES HERE</a>-->
*Please do not include the <!-- and -->

A couple of things to keep in mind:
* Always be sure to include closing tags
* When adding the path to your file - be sure that it looks exactly the same as what you have in the File Manager including capitalization, spaces and dashes.

There are lot of resources out there! Please feel free to share what you've learned and point us to some sites that you have found useful and helpful!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • feeling content

Posted 8 years ago

  • 3

There are no replies.