Creating Lists and Tables
Lists are both quick and easy. There are two kinds of lists: ordered (that is, numbered) and unordered (that is, bulleted). First, specify which kind of list you want:
Ordered list:
<ol></ol>Unordered list:
<ul></ul>
Then, between the opening and closing list tags, introduce each
new item on the list with a list item <li> tag. Here's an example; the results
are in Figure B-5:
<ol> <li>Here's <li>a <li>numbered lt;li>list. lt;/ol> lt;ul> <li>Here's <li>a <li>bulleted <li>list. </ul>

Figure B-5. The <ol> tag defines an automatically numbered list. The <ul> tag defines a bulleted list.
By the way, you don't have to put each tag on its own line. You could just as easily write the HTML like this:
<ol><li>Here's<li>a<li>numbered<li>list.</ol>< ul><li>Here's<li>a<li> bulleted<li>list.</ul>
The code without line breaks is harder for humans to read, but
browsers ignore line breaks in your HTML document (unless you type
them in using the <br> or the
<p> tag). So it doesn't
matter how many times you hit Enter; the list appears the same as it
does if you mushed everything together on one line. Because you're a
human, though, when you're typing a list into an HTML document, it's
easier to read your work if you put each list item on its own
line.
Tables
Because HTML ignores spaces and line breaks, you need a special format if you want to control layout and positioning precisely. ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access