RMIT School of Creative Media – Masters of Creative Media

Digital Asset Management (DAM)

Exercise #3. Practical markup

Here a few (but not all) of the basic rules of syntax for HTML that we can apply to our sample text. You will find these rules useful for tweaking your blog posts.

  1. All white space is processed as one space. This means

This layout will be displayed in a browser as:

  1. Elements (tags) are written between angle brackets. For example the markup for a block of text in a paragraph is <p>Text of paragraph.</p>.
  2. Note that an element (e.g. bold) begins with <strong> and ends with </strong>. Most elements or tags require end tags.
  3. Good practice is to treat your markup as case sensitive i.e. <h2> should not be considered to be the same as <H2>.
  4. Always nest your tags correctly. For example the tags for a paragraph containing bold text should be nested <p<strong>some text</strong</p>. Not <p<strong>some text</p</strong>.
  5. In this exercise will be using 6 elements or tags:

<h1>Main heading</h1>

<h2>Second level heading</h2

<p>paragraph</p>

<br />start a new line

<ol>ordered list</ol>

<li>list item</li>

You are now going to markup a sample text as a structured document.

Step 1: Open the sample text used in Exercise #1, Use a text editor to select all the text and copy it.

Step 2. Open your Blog Dashboard and select the menu item Write/post. On the WYSIWYG edit bar select HTML - a new empty window will open

Step3. Paste the text into the HTML editor and check Word wrap (top left)

Step 4. Apply <h1> to the main heading and close it </h1>

Step 5. Apply <h2> to the second level headings

Step 6. Markup the course details as a paragraph <p> and insert new lines <br /> where they are required.

Step 7. Markup the aim of the course as a single paragraph <p>.

Step 8. Markup the list of weekly topics as an ordered list <ol> and each item of the list as a list item <li>. Repeat for the assessment list.

Step 9. Upload your markup to your post and Publish.

Step 10. View your HTML display and correct where necessary.

Exercise 3 by Simon Pockley 11/09/2018 page 1 of 2