HTML for greens - HTML

Revision

See if you remember what the following HTML source code snippets are responsible for. If in doubt, click the "See more..." link. under the selected group of examples.

How do you move text to the next line in an HTML document?

<br>

How to arrange text on the screen? How to add a new paragraph? How to center or align text? What are HTML attributes?

<p>Enter paragraph text here</p>

<p style="text-align: left">Enter paragraph text here</p>

<p>Enter paragraph text here</p>

<p style="text-align: right">Enter paragraph text here</p>

<p style="text-align: center">Enter paragraph text here</p>

<p style="text-align: justify">Enter paragraph text here</p>

How do I bold (embolden) text on a Web page?

<b>Enter text here</b>

How to italicize text on a web page (italics)?

<i>Enter text here</i>

How do you underline text on a Web page?

<u>Enter text here</u>

How do I change the font size on a web page?

<span style="font-size: size">Enter text here</span>

How do I change the font color on a web page?

<span style="color: color">Enter text here</span>

How do I change the font type on a Web page?

<span style="font-family: font">Enter text here</span>

<span style="font-family: font1, font2, font3, ...">Enter text here</span>

How do I change the background color and text color on a web page?

<body style="background-color: background color; color: text color">
Here is the actual content of the page
</body>

How do I insert an image (graphic, photo) into a Web page?

<img src="Provide relative path to the image" alt="Provide alternative text">

How do I determine the alignment of an image (graphic, photo) on a Web page?

<img src="Enter the relative path to the image here" alt="Enter alternative text here" style="float: alignment">

How do I position an image (graphic, photo) or other elements in the center of the screen (centering)?

<div style="text-align: center"><img src="Enter the relative path to the image here" alt="Enter alternative text here"></div>

What are links (hyperlinks, hypertext links) used for?

<a href="relative path to the subpage">link description</a>

How to insert a link (hyperlink, hypertext link) in a Web page?

<a href="web address">link description</a>

How to insert an email address on a web page?

<a href="mailto:email address">link description</a>

How to insert an image (graphic) link (hyperlink, hypertext reference), i.e. a clickable button, on a Web page?

<a href="address"><img src="Specify the relative path to the image" alt="Specify alternative text here" style="border: 0"></a>