uli101 all lectures

uli101 all lectures - ULI101 Week12 WeekOverview...

Info iconThis preview shows pages 1–11. Sign up to view the full content.

View Full Document Right Arrow Icon
    ULI101 Week 12
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
    Week Overview XHTML Lists XHTML Tables Web Page Presentation CSS Validator XHTML Forms
Background image of page 2
    XHTML Lists XHTML lists allow listing items in groups XHTML supports three types of lists – ordered,  unordered and definition Lists can be nested, including nesting of  different types List items can contain plain text as well as  other XHTML such as paragraphs, links,  images …
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
    XHTML Lists Ordered List Each item is preceded by a sequence indicator It’s surrounded by a  <ol> … </ol>  block Each list item is contained within  <li> … </li>  tags Unordered List Each item has a bullet in front It’s surrounded by a  <ul> … </ul>  block Each list item is contained within  <li> … </li>  tags
Background image of page 4
    List Example <ul> <li>Red</li> <li>Green</li> <li>Blue</li> </ul>
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
    XHTML Tables HTML tables allow you to present information in  rows and columns Tables, apart from the obvious, are often used  for positioning and aligning elements within a  page Table tags include: <table>   - main container for the entire  table <caption> - a heading above the actual table <tr>   - table row <th> - table header <td> - table data (cell)
Background image of page 6
    HTML Table Example <table> <caption>Western Canadian Provinces</caption> <tr> <td>BC</td> <td>British Columbia</td> </tr> <tr> <td>AB</td> <td>Alberta</td> </tr> </table>
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
    Common HTML Table Attributes Table border Establishes the thickness of the table border If not present, the table will be borderless Although replaced by CSS, still commonly used Example:  <table border=“1”> Column span Expands cells across columns Example:  <th colspan=“2”> Row span Expands cells across rows Example:  <td rowspan=“10”>
Background image of page 8
    Web Page Presentation Web page presentation is the visual appearance of a  web page, including Fonts Colours Decoration elements such as borders Lines and boxes Physical layout of elements Original HTML allowed mixing presentation with  content Not a good idea as the markup is hard to maintain and is  inefficient Cascading Style Sheets allow separating of content  and presentation
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
    Cascading Style Sheets Cascading Style Sheets (CSS) is a language used to  describe the presentation layer of markup languages 
Background image of page 10
Image of page 11
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

Page1 / 26

uli101 all lectures - ULI101 Week12 WeekOverview...

This preview shows document pages 1 - 11. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online