General text structuring · Lists · Example · Changing the display of the list · Homework · Links

General text structuring¶

• Headers: <h1>…</h1> (to <h6>)
• Paragraph: <p>…</p>
• Force line break: <br/>
• Force no line breaks: @...@
• Non-breaking space:  
• Word may be broken here with hyphen: ­
• Optional word break without hyphen: @@

Lists¶

Unordered List: <ul>…</ul>
Ordered List: <ol>…</ol>

List element: <li>…</li>

Example:¶

<h3>Projects</h3>
<ul>
  <li>PAWLO</li>
  <li>WICAH</li>
  <li>McKaki</li>
</ul>

Changing the display of the list¶

li 	{
	display: inline;
	border-right: 1px solid;
	padding: 0 0 .33em;
	}

li:first-child {
	border-left: 1px solid;
	}

Homework:¶

Create your own stylesheet for your project which should contain at least 3 definitions. Reference this stylesheet from your HTML pages, one of them containing an ordered list.

Links:¶

Using CSS (German): http://http://de.selfhtml.org/css/index.htm
Embedding in HTML (German): http://http://de.selfhtml.org/css/formate/einbinden.htm