We can create two types of lists Unordered Ordered ◦ Usually bulleted ◦ With numbers or letters<ul> … </ul>! <ol> … </ol>! Both use list items <li> … </li>!
Have different types of ordered lists <ol style="list-style-type:_______"> decimal (default) upper-alpha lower-alpha upper-roman lower-roman … and more
You can have different bullets withunordered lists Shapes ◦ list-style-type: circle; disc square circle none Any picture ◦ list-style-image: url(stewie.jpg);
Hands-on ordered and unordered listsDemo: ordered and unordered lists
HTML5 Semantic text elements" time" mark" meter" progress
" time Represents a precise date and time with an optional time-zone offset<time datetime="2012-04-19">April 19, 2012</time>!<time datetime="14:00">2pm</time>!<time datetime="2011-07-14">July 14th, 2011</time>!<time datetime="2011-07-14T14:00">!2pm on July 14th</time>!
" mark The mark element represents a run of text in one document marked or highlighted for reference purposes Like highlighting words that a visitor searched for
" meter Something measured But only where there is a minimum and maximum value Disk used You can set ◦ value ◦ min ◦ max ◦ high ◦ low ◦ optimum
" progress Values that are in the process of changing Your download is <progress>55%</progress> complete It has 3 attributes value min max
Conclusion Certain tags are used primarily for text Headings do more than just print big text <pre> tags allow preformatted text Special characters can be added with & Ordered lists are done with <ol> Unordered lists are done with <ul>