Introduction to basic HTML code

< >
Letters/abbreviations are surrounded with the greater and less than sign. This indicates to the browser that (1) This is not text, so don’t display it on the screen and (2) an action needs to occur (color, alignment, link, spaces, and much more)

The < > signs surround words and images to indicate that a particular action be associate with the image/word it surrounds.  Similar to quotation marks.  So if you want a word to be bold, you have to tell the browser to start the bold and to end the bold.

Ending the action is indicated with a / in the < > sign.

Here is an example of a bolded phrase:
<b>Bold this phrase.</b>
Browsers do not know what you “meant” to do, so if a tag is opened and later not closed (or not closed properly) the browser will continue that action throughout all remaining content. This is why all of your text may be underlined (for example).
Another hiccup would be when a tag is opened and closed with nothing in the middle
<b></b>Bold this phrase.

…this has the similar response of all following content is displayed as bold.  To correct this, simply delete both tags “<b>” and “</b>”. Or, move the desired text between the 2 tags for an accurate response.

You will be surprised how much you can edit in the html button editor with this short introduction. To get you started, here are a few common tags:

<p> = a paragraph had begun [or ended in the case of this tag </p>]
<h1> = heading 1 tag (similar for all other headings, they are numbered sequentially)
<b> = bold
<u> = underline
<i> = italics
<li> = indicates a new bulleted list
<ol>  indicates an ordered list (items will be numbered 1, 2, 3 ,4…)
<a href=”___”> =  something is linked and the URL it is directed to lies within the quotation marks
<img=”____”> = an image is inserted here
<table> = indicated the beginning of a new table