1) The key points from this module are:
The latest version of HMTL is HTML5. The latest version of CSS is CSS3.
HTML is the acronym for Hyper-text Markup Language
CSS is the acronym for Cascading Style Sheets
When saving a .html file in Notepad the encoding should be changed to UTF-8
Web pages have the following file extension name: .html
The file extension for a CSS file: .css
<> keys are used to create tags in HTML
Example: Paragraph element:
<p> the opening paragraph tag
</p> the closing paragraph tag
<!DOCTYPE html> declares an HTML5 document:
<html> </html> define the boundaries of an HTML web page
Every HTML web page contains Head section and Body section:
<head> </head> represent the head section of a web page
<body> </body> represent the body section of a web page
Cascading Style Sheets:
A correctly formatted CSS style: hi {font-size:2em; >, use {} keys
Progressive enhancement: a strategy for web design which emphasises accessibility,
semantic HTML markup, and external stylesheet and scripting technologies.
Web links:
Absolute URL - href="http://www.alison.com"
Relative URL - href="another.html"
Attributes:
<html lang="en"> the 'lang' is known as the Attribute of the tag
<!DOCTYPE html> declares an HTML5 document
<html> </html> define the boundaries of an HTML web page
Every HTML web page contains Head section and Body section:
<head> </head> represent the head section of a web page
<body> </body> represent the body section of a web page
Global attributes:
Global attributes that can be added to virtually any HTML5 element:
id attribute - Provides programmatic access via JavaScript (on client)
name attribute - Provides programmatic access (on the server)
class attribute - CSS hook for stylings
2) The key points from this module are:
Headings: (h1, h2, h3, h4, h5 and h6)
• For heading elements the h1 element represents the highest ranking heading
• The h6 element represents the lowest ranking heading.
There is a default style setting for all of the heading elements: h1, h2, h3, h4, h5 and h6.
The img element needs the following attributes
• src attribute - The location of the image file
• alt attribute - Alternative name for image (important for screen readers to identify
and describe image)
The following are types of lists in HTML5:
• ul element - Unordered list
• ol element - Ordered list
• dl element - Description list (in HTML5)
• ul element - represents a list of items, where the order of the items is not important
• ol element - represents a list of items, where the items have been intentionally
ordered
• dl element - represents an association list consisting of zero or more name-value
group
Description lists:
• <dl> element - description list (in HTML5)
• <dt> element - description term
• <dd> element - description ps (in HTML5)
The following are elements for creating table:
tbody element
thead element
• tr element - represents a row of cells in a table
• td element - represents a data cell in a table
• th element - represents a header cell in a table
3) The key points from this module are:
The following elements are used to create a form: <form> </form>
The following are important attributes associated with form element
method-'" attribute
action-’" attribute
link="" attribute
HTTP POST - encode form data in body of HTTP message
HTTP GET - encode form and other data in URL
The following is a correctly formatted form element: <form method'POST"action="form.aspx"></form>
The attribute that limits the number of characters which can be typed into a form text box:
maxlength-' " attribute
fieldset element: represents a set of form controls optionally grouped under a common
name.
legend element: represents a caption for the rest of the contents of the legend element's
parent fieldset element.
label element: represents a caption in a user interface.
select element: represents a control for selecting amongst a set of options.
textarea element: represents a multi-line plain text edit control.
