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
