1 Web Programming with Java HyperText Markup Language Basics Huynh Huu Viet University of Information Technology Department of Information Systems Email: viethh@uit.edu.vn 2008 © Department of Information Systems - University of Information Technology 2 Outline WWW Client/Server Model HTML Basics File Management and Tips Sample Exercise 2008 © Department of Information Systems - University of Information Technology 3 Client/Server Model WWW Client/Server Model Client's Functions Server's Functions Client/Server Interaction 2008 © Department of Information Systems - University of Information Technology 4 WWW Client/Server Model ` Client Web Server Request Response • Microsoft Internet Information Server • Apache Web Server •…… • Microsoft Internet Explorer • Netscape Navigator • Mozilla Firefox •…… 2008 © Department of Information Systems - University of Information Technology 5 Client's Functions Handle the user interface. Translate the user's request into the desired protocol. Send the request to the server. Wait for the server's response. Translate the response into "human- readable" results. Present the results to the user. 2008 © Department of Information Systems - University of Information Technology 6 Server's Functions Listen for a client's query. Process that query. Return the results back to the client. 2008 © Department of Information Systems - University of Information Technology 7 Client/Server Interaction 2008 © Department of Information Systems - University of Information Technology 8 Client/Server Interaction 2008 © Department of Information Systems - University of Information Technology 9 Client/Server Interaction 2008 © Department of Information Systems - University of Information Technology 10 Client/Server Interaction [...]... 2008 © Department of Information Systems - University of Information Technology 24 HTML Basics: Colors Use predefined colors, or Hex Codes ( 0-9 ABCDEF) 2008 © Department of Information Systems - University of Information Technology 25 Outline WWW Client/Server Model HTML Basics File Management and Tips Sample Exercise 2008 © Department of Information Systems - University of Information Technology 26... Information Systems - University of Information Technology 28 Outline WWW Client/Server Model HTML Basics File Management and Tips Sample Exercise 2008 © Department of Information Systems - University of Information Technology 29 Sample Exercise Objective: Use simple HTML concepts to create a web page HTML structure Tables Text Formatting Links Graphics 2008 © Department of Information Systems - University... 2008 © Department of Information Systems - University of Information Technology 16 HTML Basics: Head Tags Weiss Associates 2008 © Department of Information Systems - University of Information Technology 17 HTML Basics: Body Tags ... Systems - University of Information Technology 20 HTML Basics: Graphics Adds an image Aligns an image: left, right, center; bottom, top, middle Sets size of border around an image Sets size of of an image in pixels 2008 © Department of Information Systems - University of Information Technology 21 HTML Basics: ... Creates a target location within a document Links to that target location from elsewhere in the document 2008 © Department of Information Systems - University of Information Technology 22 HTML Basics: Tables I Creates a table Sets off each row in a table Sets off each cell in a row 2008 © Department of Information Systems - University of Information... Interaction 2008 © Department of Information Systems - University of Information Technology 11 Client/Server Interaction 2008 © Department of Information Systems - University of Information Technology 12 Client/Server Interaction 2008 © Department of Information Systems - University of Information Technology 13 Outline WWW Client/Server Model HTML Basics Tags Structure Formatting Graphics Links Tables... directory names Cross-platform compatibility (PC, Mac, UNIX) Consistency (lowercase, UPPERCASE) Only use only letters, numbers and “_”, - , and “.” Media files need appropriate extensions (.gif, jpg, mov) Create backups 2008 © Department of Information Systems - University of Information Technology 27 HTML Tips Use meaningful Meta Tags for public documents Arrange all text and graphics with tables Learn... Exercise 2008 © Department of Information Systems - University of Information Technology 14 HTML Basics: Tags Tag – HTML Command Used for Text formatting Image formatting Hyperlinks Other information HTML Tag Structure: text text 2008 © Department of Information Systems - University of Information Technology 15 HTML Basics: Structure … ... Structure 2008 © Department of Information Systems - University of Information Technology 31 Step 2: Include Table 2008 © Department of Information Systems - University of Information Technology 32 Step 3: Add Table Rows 2008 © Department of Information Systems - University of Information Technology 33 Step 4: Add Table Data 2008 © Department of Information Systems - University of Information Technology 34... Systems - University of Information Technology 18 HTML Basics: Text Formats Creates preformatted text Creates the largest headline Creates the smallest headline Creates bold text Creates italic text Emphasizes a word Sets size of font, from 1 to 7 Sets font color 2008 © Department of Information Systems - . 1 Web Programming with Java HyperText Markup Language Basics Huynh Huu Viet University of Information Technology Department. Information Systems - University of Information Technology 2 Outline WWW Client/Server Model HTML Basics File Management and Tips Sample Exercise 2008 © Department of Information Systems - University. Information Systems - University of Information Technology 4 WWW Client/Server Model ` Client Web Server Request Response • Microsoft Internet Information Server • Apache Web Server •…… • Microsoft