Aims - Expected outcomes- Key concepts Advanced HTML and CSS

Aims

The purpose of this module is to learn new ΗΤΜL elements (table, Div, Span) and CSS properties (Tables CSS, float, clear) , understand how to use them and apply what you have learned in creating an awesome web page. You will also learn about CSS selectors

Expected outcomes

Upon completion of this module, you should know / should be able to:

Submodule 1.1 Selectors

• • Use id for style
  • Use class and multiple classes for style
  • Apply style to a specific context (ul li)
  • Group the selectors to apply styles

Submodule 1.2: HTML on Tables

• • differentiate the elements of a table (head, body…)
  • construct a table

Submodule 1.3: CSS on Tables

• • apply commonly used style properties (color, border, width height, positioning…)
  • apply class rules

Submodule 1.4: More elements

• • recognize the role of <div> and how to use it
  • recognize the role of <float > and <clear> and be able to use it
  • recognize the role of <span> and be able to use it

Key concepts

• Table - HTML
• Table-CSS
• Div - Span elements
• CSS Selectors

Instructions

In order to complete this module, you have to:

• Study the resources provided for the 3 submodules
• Test your knowledge by answering the Practice set on this module’s content
• Implement and submit the assignment on this module’s content
• Reflect if the outcomes of this Module have been achieved
• Give us feedback on this module’s content

The estimated time to complete these activities is 3 hours.