<p>This is a text element in a paragraph tag.</p>

Where <p> is the opening tag of the element and </p> is the closing tag of the element.

See Also:

Block vs. Inline (Elements)

Parents & Children (Elements)

When one element contains another it is considered to be the parent of the enclosed child element:

Select Code
<p>This is a text element in a paragraph tag that has a <em>child</em>element inside it.</p>

Attributes & Values

An attribute’s Value must always be enclosed in quotation marks:

Select Code
&lt;img src="images/picture.gif" alt="This is my Picture" /&gt;

Where alt is the attribute and This is my Picture is the value of the attribute.

See Also: HTML Attributes | W3 Schools

Textual Content

Text that is contained within elements is a basic ingredient of most web pages.

Written text that you want to appear on the screen will get written in between an opening and a closing tag:

Select Code
<p>This is text written inside an opening and closing tag.</p>

Character Entities

Special characters, such as the copyright symbol, can and should be written as character entity references:

Select Code
<p>&copy; 2006 Premium Design Works</p>

Where &copy; is the character entity reference for the copyright symbol.

See Also: HTML Entities | W3 Schools


When you want to place an image on your page you will call out the source of that image to be displayed:

Select Code
&lt;img src="images/www_barbacoa.jpg" /&gt;

Where images/www_barbacoa.jpg is the source file of the image to be displayed

See Also: HTML Images | W3 Schools


Links are another basic ingredient that will let you move from page to page and access media.

Links are written as a reference to another page or piece of media:

Select Code
<a href="portfolio.html">Portfolio</a>

Where the word Portfolio gets assigned a reference to the page portfolio.html.

See Also: HTML Links | W3 Schools


This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.