TAILIEUCHUNG - 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 .

• Quản trị Web
• ICT 5 Web Development
• Introduction to HTML
• Structured Document
• Document Object Model
• Common HTML Elements
• Nested Elements
• Introduction to Web Programming
• The Internet
• Uniform Resource Identifier
• World Wide Web
• Web site or Website
• Web Techniques
• Web Security
• Environment variables
• Setting Response Header
• Global arrays
• Maintaining state through multiple forms
• Multiple Form Web Sessions
• The state through multiform
• PHP Script
• Receiving Hidden Fields in Web Sessions
• OOP in PHP
• Creating an Object
• Accessing attributes
• Building a classing
• Syntax to declare a Class
• Introduction to PHP
• Publish PHP scripts
• PHP proper syntax
• PHP comments
• Alternative Comment Syntax
• PHP Variables
• HTML Input Forms PHP Variables
• Working with PHP String Variables
• HTML Input Forms
• Conditional Statements
• Using Conditional Test Statements
• Using Loops to Repeat Statements
• Conditional Test Statements
• Using the elseif Clause
• Functions Basic PHP Functions
• Write your own functions
• Using External Script Files
• The abs Functionabs
• The sqrt Function
• Working with Arrays Benefits of arrays
• Sequential arrays
• Multidimensional lists
• Creating Associative Arrays
• Using MySQL with PHP
• MySQL Overview
• Basic SQL commands
• Creating a table
• Updating data for a table
• PHP Advanced
• CardSystems Attack
• Normal Query
• Getting private info
• Different database engines
• PHP Frameworks
• Overview of Design Patterns
• MVC architecture
• Structure of a design pattern
• XHTML Overview
• XML Components
• XML Schema
• XML Validation
• XML Applications
• Using CSS
• Introduction to CSS
• Applying style rules Style class
• CSS box mode
• Useful properties
• Regular Expressions
• String functions
• Regular Expressio
• A Full Script
• Using grouping characters
• JavaScript Overview Window Controls
• Event Handlers
• AJAX Overview
• AJAX Implementation
• JS syntax basic