TAILIEUCHUNG - Lecture Web technologies and programming – Lecture 6: Introduction to HTML

After studying this chapter you will be able to understand: Software system architecture, specifics of web application architecture, layered web architecture, introduction to HTML, basic Structure of a HTML page, text formatting tags in HTML, lists in HTML. | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 Modeling web applications 3 Software system architecture Specifics of web application architecture Layered web architecture 2-layered architecture 3-layered architecture N-layered architecture 4 Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in HTML 5 5 HTML – Hyper-Text Markup Language – The Language of Web Pages on the World Wide Web Hypertext: Allows for non-linear linking to other documents Markup Language: Content is “marked up” or tagged to tell the browser how to display it 6 1. Introduction to HTML It is called markup language because it contains a set of markup tags HTML is a text formatting language HTML standards are developed under the authority of the World Wide Web Consortium (W3C), headed by Tim Lee 7 1. Introduction to HTML It defines the structure of webpages and determines how data is displayed online It has a set of special instructions that can be added in the text to add formatting and linking information It is directly interpreted by the browser HTML is described by different HTML tags Each HTML tag describes different document content 8 1. Introduction to HTML HTML was created in 1991 by Tim Berners-Lee at CERN in Switzerland It was designed to allow scientists to display and share their research 1995- HTML 2 lots of browsers had added their own bits to HTML Dan Connolly and colleagues collected all the HTML tags that were widely used and collated them into a draft document 9 1. Introduction to HTML 1997- HTML It was the first version developed and standardized exclusively by the W3C HTML included the support for applets, text flow around images, subscripts and superscripts etc 1999 – HTML extends HTML with mechanisms for style sheets, scripting, frames etc. HTML5 10 1. Introduction to HTML HTML Tags: Tags are instruction that are directly embedded into the text of the document Is a signal

• Kỹ thuật lập trình
• Web technologies
• Web programming
• Web applications
• Computer programming
• Web development technologies
• Hyper Text Markup Language
• Markup Language
• Web project management
• Web application development process
• Modeling web applications
• Testing web application
• Web services
• Web hosting
• Categories of web applications
• Characteristics of web applications
• Web application architecture
• Requirement engineering
• HTML images
• Web pages
• HTML page
• Text formatting tags
• HTML links
• HTML forms
• HTML form elements
• HTML 5 form elments
• Adding form elements
• Cascading Style Sheets
• CSS writing option
• CSS rules
• Page Layout
• Rounded corners
• Box shadows
• Elements of visual design
• Interface design