HTML
Area
<area> defines a clickable area inside an image map
Head
<head> element is a container for meta data. The following tags describe meta data: <title>, <style>, <meta>, <link>, <script>, and <base>
Images
<img src="url" alt="some_text" style="width:width;height:height;">
Ordered List
<ol> tag defines an ordered list - numerical or alphabetical. Use <li> to define list items
Hello World
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
Unordered List
<ul> tag denfines an unordered, bulleted list, use with <li> tag
Styling
Inline (one line element), External (whole website), and Internal (one page)
Buttons
Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element.
Padding
Inside the border
Elements
An HTML element usually consists of a start tag and end tag, with the content inserted in between: <tagname>Content goes here...</tagname> The HTML element is everything from the start tag to the end tag. • HTML documents are made up of HTML elements • The HTML element is everything from the start tag to the end tag • Some HTML elements do not have an end tag • HTML elements can be nested (elements can contain elements) • HTML elements with no content are called empty elements • HTML tags are not case sensitive
iFrame
• An iFrame is used to display a web page within a web page • The syntax for adding an iframe is <iframe src="URL"></iframe>
Doctype
DOCTYPE declaration for HTML5: <!DOCTYPE html>, XHTML DOCTYPE is mandatory
Visual Rendering of Lists
Definition lists: the DL , DT , and DD elements
Block Elements vs. Inline Elements
Examples of block-level elements: <div> <h1> - <h6> <p> <form> Examples of inline elements: <span> <a> <img>
Inline vs. attributes
Examples of block-level elements: <div> <h1> - <h6> <p> <form> Examples of inline elements: <span> <a> <img>
Input Types
For forms, ie. check box, password, radio, button, color, date, week, url, date etc.
Margins
Outside the border
HTML5
The <!DOCTYPE html> declaration defines this document to be HTML5
Articles
The <article> tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distribute it independently from the rest of the site. Potential sources for the <article> element: Forum post Blog post News story Comment
Content Aside
The <aside> tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content. New in HTML5 (ie. a side bar).
Captions
The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag. caption { display: table-caption; text-align: center; }
Script tag
The <script> tag is used to define a client-side script (JavaScript). The <script> element either contains scripting statements, or it points to an external script file through the src attribute. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.
Borders
The CSS border properties allow you to specify the style, width, and color of an element's border.
Bold
The HTML <b> element defines bold text, without extra importance
Drawing Graphics
The HTML <canvas> element can be used draw graphics on a web page.
Div
The HTML <div> element can be used as a container for other HTML elements. <div> can be used to style blocks of content
Emphasize
The HTML <em> element defines emphasized text, with extra importance
Forms
The HTML <form> element defines a form that is used to collect user input. <input type="text"> Defines a one-line text input field <input type="radio"> Defines a radio button (for selecting one of many choices) <input type="submit"> Defines a submit button (for submitting the form)
Italics
The HTML <i> element defines italic text, without any extra formatting
Strong
The HTML <strong> element defines strong text, with added "strong" importance
Alt Text
The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
Charset
• ASCII was the first character encoding standard. It defines 127 different alpha numeric characters that can be used on the internet • The <meta> tag specifies the character set used in the HTML page • 4 types of character sets: ASCII, ANSI, ISO-8859-1, and UTF-8
Table Row Span
To make a cell span more than one row, use the rowspan attribute
Drop downs
Use CSS to create a toggleable menu
Map
Use the HTML <map> element to define an image map
Scalable Vector Graphics
Vector based graphics in XML format - 2 dimensional graphics - shapes.
Java script
an object-oriented computer programming language commonly used to create interactive effects within web browsers. Can change HTML attributes by changing the src (source) attribute of an <img> tag, can hide HTML Elements, or show them
Attributes
• Attributes are always specified in the start tag • Attributes provide additional information about an element • Attributes come in name/value pairs like: name="value" • The document language can be declared in the <html> tag • The language is declared in the lang attribute • <html lang="en-US">The first two letters specify the language (en). If there is a dialect, use two more letters (US) • HTML links are defined with the <a> tag. The link address is specified in the href attribute • HTML images are defined with the <img> tag • The filename of the source (src), and the size of the image (width and height) are all provided as attributes • The image size is specified in pixels • The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed • W3Schools recommends using lowercase attributes and putting attribute values in quotes
Tables
• Tables are defined with the <table> tag • Tables are divided into table rows with the <tr> tag • Table rows are divided into table data with the <td> tag • A table row can also be divided into table headings with the <th> tag • <td> can contain HTML elements like text, images, lists, other tables, etc. • If you do not specify a border for a table, it will be displayed without borders • If you want borders to collapse into one border, add CSS border-collapse • Cell padding specifies the space between the cell content and its borders. If you don't specify a padding, the table cells will be displayed without padding • Table headings are defined with the <th> tag. By default, all major browsers display table headings as bold and centered • Border spacing specifies the space between the cells. Use the CSS border-spacing property • To make a cell span more than one column, use the colspan attribute • To make a cell span more than one row, use the rowspan attribute • To define a special style for a special table, add an id attribute to the table
<noscript>
• The <noscript> tag is used to provide alternate content for users that have disabled scripts in their browser or have a browser that doesn't support client side scripting • The <noscript> element can contain all the elements that you can find inside the <body> element of a normal HTML page • The content inside the <noscript> element will only be displayed if scripts are not supported, or are disabled in the user's browser
Span
• The HTML <span> element is an inline element that can be used as a container for text • Unlike <div> which is formatted with line breaks, the <span> element does not have any automatic formatting • The <span> element can be used to style parts of the text
