HTML basic syntax

Bolded text

• <b>Text goes here</b>
• <strong>Text goes here</strong>

Italicized text

• <i>Text goes here</i>
• <em>Text goes here</em>

Underlined text

• <u>Text goes here</u>

Changing font color

• <font color=”red”>Text goes here</font>
• <font color=”#0099ff”>Text goes here</font>

Changing font size

• <font size=”12px”>Text goes here</font>
• <font size=”large”>Text goes here</font>

Adding links

• <a href=”http://www.URLgoeshere.com” target=”_blank”>Link goes here</a>

o    target=_blank indicates that the link will open in a new browser window; you may remove it if you’d like the link to open in the same window

Adding images

• <img src=”http://imageURLgoeshere.com/image.jpg” border=”1px #000 solid” align=”right” />

o    border=”1px #000 solid” will put a black border around your image generated by each visitor’s web browser. The first value (1px) refers to the thickness; the second value (#000) refers to the color, which can be replaced with any web-based color name or RGB hex code; the third value (solid) refers to the pattern of the line, which can be replaced with dotted or dashed

o    align=”right” will manipulate the image to align with the text in a specified way; you may replace right with left, center, or justify

Adding a horizontal divider between sections on your webpage

• <hr />

Adding a line break

• <br />

Share this

Programming Seeker