tailieunhanh - ICT 5 Web Development - Chapter 1.2: Introduction to HTML

ICT 5 Web Development - Chapter : Introduction to HTML HTML Basic, Structured Document, DOM (Document Object Model), Common HTML Elements, HTML Example, Nested Elements, DOM (Document Object Model). | Vietnam and Japan Joint ICT HRD Program Content 1. HTML Basic 2. Structured Document 3. DOM (Document Object Model) 4. Common HTML Elements ICT 5 Web Development Lesson 1-2. Introduction to HTML 1Nguyen Thi Thu Trang trangntttrangntt-fit@ 2 Content What is HTML? (review) 1. HTML Basic 2. Structured Document 3. DOM (Document Object Model) 4. Common HTML Elements Hypertext Markup Language Markup Language for web pages – Markup Language a set of annotations to text that describe how something is to be structured – Hypertext text with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or key press sequence 3 4 1 HTML Example Element and Tag h d Test Page g / Test Page This is a test page. Element Test page Opening tag or Start tag Content Closing tag or End tag 5 6 Attribute Hyperlink Most of elements can have attributes An attribute describes a property of an element A link from a document to another document Anchor element with href attribute – href has a URI, an absolute path or a relative path – Example: Yahoo! href=“http://www yahoo com/“>Yahoo! Test Page Attribute name Attribute value Yahoo! 7 8 2 Images Images (2) Insert image Change the size of the images – src= “”> – src= – . src “” width=x height=y>, where x, y is in pixel – . My awards here Add a border to the image show the words over the image – set attribute as , where n border=n> means the thickness of the border in pixels – 9 Content 10 2. Structured Document 1. HTML Basic 2. Structured Document 3. DOM (Document Object Model) 4. Common HTML Elements Most of Documents have a structure – Article Title, Part, Chapter, Section, Paragraph, – CV Name, Education, Work Experiences, Skills, Markup Language is a way to express structured document – Nested Elements 11 12 3 . Nested Elements . Nested Elements (2) Tree structure expressed by .