HTML Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference HTML introduction • Web markup language • Text format • Graphic editors – Macromedia Dreamweaver – Adobe GoLive – Microsoft Frontpage Content • HTML Introduction • Basic HTML elements – What is HTML? – HTML Document Structure • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference What is HTML? • • • • • Element Attributes Values Codes are written in “” Example Red Text Content • HTML Introduction • Basic HTML elements – What is HTML? – HTML Document Structure • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference HTML Document Structure DOCUMENT TITLE WEB PAGE CONTENT Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments – HTML Heading – HTML Comment • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference HTML Heading Figure 1: HTML Heading 10 The DIV tag Figure 47: Example of DIV tag 80 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • Image Map • HTML Tables • Forms and Input • New Form elements and attributes in HTML5 • CSS – Cascading Style Sheets in HTML • DIV and SPAN – The DIV tag – The SPAN tag – The difference between DIV and SPAN • HTML object and param • Reference 81 The SPAN tag Figure 48: Example of SPAN tag 82 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • Image Map • HTML Tables • Forms and Input • New Form elements and attributes in HTML5 • CSS – Cascading Style Sheets in HTML • DIV and SPAN – The DIV tag – The SPAN tag – The difference between DIV and SPAN • HTML object and param • Reference 83 The difference between DIV and SPAN Figure 49: Difference between DIV and SPAN 84 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • Image Map • HTML Tables • Forms and Input • New Form elements and attributes in HTML5 • CSS – Cascading Style Sheets in HTML • DIV and SPAN • HTML object and param – HTML embedding media – Attributes of the object tag – Attributes of the param tag • Reference 85 HTML - embedding media • Used to embed media content on a web page • Partially supported in all major browsers • If the object is not displayed, the code in and will be excuted 86 HTML - embedding media • Embed a PDF document • Embed an HTML file alt: test.html 87 HTML - embedding media • Embed a SWF file Your browser not support SWF • Embed a WAV file Alt : test.wav 88 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • Image Map • HTML Tables • Forms and Input • New Form elements and attributes in HTML5 • CSS – Cascading Style Sheets in HTML • DIV and SPAN • HTML object and param – HTML embedding media – Attributes of the object tag – Attributes of the param tag • Reference 89 Attributes of the HTML object tag Figure 50: Attributes of HTML object tag 90 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • Image Map • HTML Tables • Forms and Input • New Form elements and attributes in HTML5 • CSS – Cascading Style Sheets in HTML • DIV and SPAN • HTML object and param – HTML embedding media – Attributes of the object tag – Attributes of the param tag • Reference 91 Attributes of the param tag Figure 51: Attributes of param tag 92 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • Image Map • HTML Tables • Forms and Input • New Form elements and attributes in HTML5 • CSS – Cascading Style Sheets in HTML • DIV and SPAN • HTML object and param • Reference 93 Reference • http://courseweb.net 94 [...]...Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments – HTML Heading – HTML Comment • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference 11 HTML. .. all HTML files !> < /HTML> 12 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule – HTML Paragraph – Line break – Horizontal rule • • • • HTML Text Formatting HTML Lists Adding images Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 ... Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference 13 HTML Paragraph Figure 2: HTML Paragraph 14 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule – HTML Paragraph – Line break – Horizontal rule • • • • HTML Text Formatting HTML Lists Adding images Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and... in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference 15 Line break Figure 3: Line break 16 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule – HTML Paragraph – Line break – Horizontal rule • • • • HTML Text Formatting HTML Lists Adding images Hyperlinks – Links • • • • • • • • Image Map HTML. .. Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists – – – – Unordered Lists Ordered Lists Definition Lists Nested Lists • • • • • • • • • Hyperlinks – Links Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object... Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists – – – – Unordered Lists Ordered Lists Definition Lists Nested Lists • • • • • • • • • Hyperlinks – Links Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object... Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists – – – – Unordered Lists Ordered Lists Definition Lists Nested Lists • • • • • • • • • Hyperlinks – Links Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object... Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists – – – – Unordered Lists Ordered Lists Definition Lists Nested Lists • • • • • • • • • Hyperlinks – Links Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object... Figure 12: Nested Lists 35 Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists • Adding images • Hyperlinks – Links • • • • • • • • Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV and SPAN HTML object and param Reference 36 ... Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting – Font element – Bold, italic, underline and other elements – Other elements used for text formatting • • • • • • • • • Hyperlinks – Links Image Map HTML Tables Forms and Input New Form elements and attributes in HTML5 CSS – Cascading Style Sheets in HTML DIV ... < /HTML> Content • HTML Introduction • Basic HTML elements • HTML Headings and Comments – HTML Heading – HTML Comment • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML. .. Content • HTML Introduction • Basic HTML elements – What is HTML? – HTML Document Structure • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists... Content • HTML Introduction • Basic HTML elements – What is HTML? – HTML Document Structure • HTML Headings and Comments • Paragraphs, Line break, Horizontal rule • HTML Text Formatting • HTML Lists