Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Tables, Lists, Blocks, Colors, Styles

Similar presentations


Presentation on theme: "HTML Tables, Lists, Blocks, Colors, Styles"— Presentation transcript:

1 HTML Tables, Lists, Blocks, Colors, Styles http://w3schools.com

2 Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands for "table data," and holds the content of a data cell. A tag can contain text, links, images, lists, forms, other tables, etc. http://w3schools.com

3 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 row 1, cell 1row 1, cell 2 row 2, cell 1row 2, cell 2 http://w3schools.com

4 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 row 1, cell 1row 1, cell 2 row 2, cell 1row 2, cell 2 http://w3schools.com

5 Border cellpadding cellspacing http://w3schools.com

6 The most common HTML lists are ordered and unordered lists: An ordered list: 1.The first list item 2.The second list item 3.The third list item An unordered list: List item http://w3schools.com

7 An unordered list starts with the tag. Each list item starts with the tag. Coffee Milk Coffee Milk http://w3schools.com

8 An ordered list starts with the tag. Each list item starts with the tag. The list items are marked with numbers. Coffee Milk 1.Coffee 2.Milk http://w3schools.com

9 HTML Color HTML colors are defined using a hexadecimal notation (HEX) for the combination of Red, Green, and Blue color values (RGB). HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign. #00FFFF#000000 http://w3schools.com

10 Hex color in photoshop

11 CSS (Cascading Style Sheets) is used to style HTML elements CSS is the another language to control html elements http://w3schools.com

12 style="background-color:yellow;“ style="background-color:# ffccf0;“ Example: This is a heading This is a paragraph. Style is written in open tag http://w3schools.com

13 A heading A paragraph. font-family:arial; color:red; or color: #ff0000; font-size:20px; http://w3schools.com

14 Center-aligned heading Move html element to center of the screen style="text-align:center;"> style="text-align:right;"> style="text-align:left;"> http://w3schools.com

15 Defines a section in a document (block-level) Normally this tag will be use with Cascading style sheet (css) http://w3schools.com

16 Test http://w3schools.com Test

17 <div id="menu“ style="backgroundcolor:#FFD700; height:200px;width:100px; float:left;"> Test http://w3schools.com Test Instance name/nick name style

18 Main Title of Web Page Menu HTML CSS JavaScript Content goes here Copyright www.canm.au.edu http://w3schools.com


Download ppt "HTML Tables, Lists, Blocks, Colors, Styles"

Similar presentations


Ads by Google