COMP5347: Web Application Development HTML and Client-Side JavaScript
Dr. Basem Suleiman
School of Computer Science
The University of Sydney
Page 1
COMMONWEALTH OF Copyright Regulations 1969 WARNING
This material has been reproduced and communicated to
you by or on behalf of the University of Sydney pursuant to Part VB of the Copyright Act 1968 (the Act).
The material in this communication may be subject to copyright under the Act. Any further reproduction or communication of this material by you may be the subject of copyright protection under the Act.
Do not remove this notice.
The University of Sydney Page 2
Outline
– More HTML
– Table
• Elements
• Styling – Form
• Controls
– JavaScript
– Location and Basic Syntax
• Variables, Control Structure, Function, Object, Array
• More about functions, objects, variable scopes, passing
function as parameter
– WindowsandDOMobject
– Event model
The University of Sydney
COMP5347 Web Application Development
Page 3
HTML Table basic mark ups
– Tables can be used to display – Manytypesofcontent
• Calendars, financial data, etc – Any type of data
• Images, text, links etc
– A table in HTML is created using the
– Many table contains headings which is a special row to indicate what each cell is about: |
The University of Sydney COMP5347 Web Application Development Page 4 HTML Table Examples Basic Table Example – – Row Spaning Example Additional Table Elements |
---|
and other tags The University of Sydney COMP5347 Web Application Development Page 11 Styling Tables Styling Tables Styling Tables Styling Tables Nifty Table Styling Tricks: hover effect and zebra-stripes Outline HTML Forms Form Structures How Forms Work? Form-Related HTML Elements |