# data[].attributes.body
Reduces accessibility for visually impaired users
The code is harder to write, maintain and debug
Not automatically responsive

# data[].attributes.body
Get

Appends form data into the URL in name and value pairs

The length of a URL is limited (3000 charcaters)

Visible in the URL, do not use for sensitive data

Useful for form submissions where a user wants to bookmark the result

Post

Appends form data inside the body of the HTTP request (data not shown in URL)

Has no size limitations

Form submissions cannot be bookmarked

# data[].attributes.body
<col> Defines table column
<colgroup> Defines a group of columns in a table
<caption> Marks text as a table caption
<table> Opening tag for tables
<tbody> Group of rows in a table for formatting and scrolling
<td> Table data, defines a cell
<tfoot> Group of footer rows in a table
<th> Defines a table header cell
<thead> Group of header rows in a table
<tr> Table row

# data[].attributes.body
HTML5 introduces several new form and input element attributes, such as url for entering a single Web address, email for a single email address or a list of email addresses

# data[].attributes.headline
Attributes you can use in an ordered list

# data[].attributes.subject
Attributes you can use in an ordered list

# data[].attributes.body
reversed - Reverses the order of the list in descending order
start number - Specifies the start value of the ordered list
type - Specifies the kind of marker to use at the beginning of each list item (1 is default and uses decimal numbers, A uses capital letters, a uses lowercase letters, I uses uppercase roman numerals, i uses lowercase roman numerals)

# data[].attributes.body
Defines a block of navigation links.

Nav element useful for creating a set of navigation links as your primary navigation, a table of contents or bread crumbs in a footer.

# data[].attributes.body
automatic validation - The browser checks the data the user inputs

client-side validation - Input data is validated before submission to the server

server-side validation - the server validates information received from an input form

form input - The information the user enters into fields in a web or client application form

ordered list - Orders list entries using numbers

placeholder text - specifies a short hint that describes the expected value of an input field

semantic markup - Gives better meaning or definition to tags so they make more sense

table - A HTML table is used to organise and display information in a grid format, rows and columns

unordered list - Displays list entries in a bulleted list

definition list - Displays items with definitions below them.

validation - The process of verifying that information entered or captured in a form is in the correct format and usable before sensing the data to the server

web form - a web page that provides input fields for a user to enter data, which is sent to a server for processing

# data[].attributes.body
autofocus - Specifies that a control is to be focused or selected when the page loads

email - requires the user to enter an email address

global - global attributes can be used with any HTML element

pattern - provides a format for the input field; the input element's value is checked against the expression

required - requires an input field to be filled out before submitting the form

# data[].attributes.body
Another type of list is the definition list. It displays items with their definitions below the list item and indented. The <dl> tag defines the list, the <dt> tag marks each term in the item, and the <dd> tag defines each description.

# data[].attributes.body
Set off content thats related to the current topic but would interrupt the current flow of the document if left inline.

Use to create a side bar for example.

# data[].attributes.body
• Unordered list: Displays list entries in a bulleted list. It uses a <ul> tag.

# data[].attributes.body
Defines a part of HTML document that consists of "self contained composition" that is independent from the rest of the content in the document.

Use article to separate content that is independent from the rest of the content in the webpage or document (e.g. a blog post)

Or plan to syndicate a block of content. Think of it as content that makes sense on its own.

# data[].attributes.body
Ordered list: Orders the list entries using numbers, by default. It uses the <ol> tag.

# data[].attributes.body
Section element = defines a section in a document, like a chapter, part of a thesis, parts of the page that are distinct from each other.

# data[].attributes.headline
Changes from HTML 4.01 to HTML 5 to Tables 

# data[].attributes.subject
Changes from HTML 4.01 to HTML 5 to Tables 

# data[].attributes.body
he cell- padding, cellspacing, frame, rules, summary, and/or width elements has been deprecated in HTML5

# data[].attributes.body
<header>
Header element = defines a header for a document, section or article.

<footer>
The footer element = defines a footer for a document or section, typically containing info like author name, copyright data, links etc.
Doesn't automatically appear at foot of document, you need to use CSS to make the browser display it where you'd like it.

# data[].attributes.body
you can use the <caption> tag to add a caption above or below the table.

<table>
<caption>Sales for Employee ID 2387</caption>

# data[].attributes.body
New HTML5 organisational tags = header, footer, section, nav, article and aside.

# data[].attributes.body
<address> defines an area for contact information for a page or section

<article> Individual content, not necessarily related to the main page content

<aside> Defines content that's separate from but related to the main page content

<details> Contains additional details pertinent to text around it; creates an interactive widget a user can display or hide

<datalist> enables you to present the user with a drop-down list of options to select from

<footer> Contains information below the page. Often used for contact details or smallprint

<header> Introductory content or navigation links at the top of the document or a section

<hgroup> Groups headings and subheadings

<menu> Presents a list of commands, usually with buttons

<nav> Defines a block of navigation links

<section> Represents stand-alone section with less specific elements

<summary> Defines a visible heading for a details element, user can click to display or hide information

<wbr> defines a possible line break, when a word is very long or you think the browser will break the line at the wrong place, you can use this element to break the word or line appropriately

# data[].attributes.body
<table border="1">
<tr> <!--first row-->

<th>Quarter</th> <!--first column in first row-->

<th>Total Sales</th> <!--first row, second column--> </tr>

<tr> <!--second row--> <td>Q1</td> <td>$4,349</td>

</tr>
<tr> <!--third row--> <td>Q2</td> <td>$2,984</td>

</tr>
<tr> <!--fourth row-->

<td>Q3</td>

          <td>$3,570</td>
        </tr>

<tr> <!--fifth row--> <td>Q4</td> <td>$7,215</td>

        </tr>
      </table>

# data[].attributes.body
To apply inline styles using HTML rather than CSS, use the <col> tag to apply styles to an entire column. (You’ll learn about inline formatting shortly.) The <colgroup> tag groups columns within a table so you can apply formatting to the group rather than just a column.

<colgroup
            span="2"

style="background-color:#EEE8AA;"> </colgroup>

# data[].attributes.body
Validation and input tags are used for forms in HTML5. They allow developers to create a specific set of rules for form input.
Forms can be used for several reasons on websites such as logging in, capturing email addresses or signing up to newsletters.

# data[].attributes.body
HTML table begins with the <table> tag. Rows are marked by the <tr> tag, column headers use the <th> tag, and cells are defined by the <td> tag.

# data[].attributes.body
HTML5 intro- duces some new elements for both tables and lists, but most of the tags and concepts are the same as previous specifications

# data[].attributes.body
A HTML table contains rows and columns, and displays data in a grid.

# data[].attributes.body
New feature of HTML5 = Semantic Markup

Semantic Markup = gives meaning, or definition to several tags so they make more sense to humans.

class and id are global attributes = can be used in any HTML element.

div element needs a class or id attribute.
Use div to wrap and position multiple section that are not related to each other.
Use div to add a drop shadow or border around an item.