CE419 Session 2: HTML Web Programming � 1
What is HTML? • Hypertext Markup Language • We will learn HTML5 , but other standards like HTML 4.0 and XHTML 1.0 also exist. • Use a decent web browser! � 2
Hypertext Markup Language • A software system that links topics on the screen to related information and graphics, which are typically accessed by a point-and-click method. � 3
Hypertext Markup Language � 4
Hypertext Markup Language • Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page. • HTML describes the structure of a website semantically, along with cues for presentation. • HTML elements are building blocks of all websites. � 5
HTML Elements • Headings • Paragraphs • Lists • Links • Images • Objects • Form Elements (input, checkbox, buttons, etc.) • A whole lot more! � 6
WYSIWYG Editors vs. What You See Is What You Get Code � 7
Hello, world! Document Type Declaration <!DOCTYPE html> <html> Closing Tag <head> <title> This is a title </title> </head> <body> Opening Tag <p> Hello world! </p> </body> </html> hello1.html � 8
Tags & Elements � 9
html, head, body <!DOCTYPE html> <html> <head> <title> This is a title </title> </head> <body> <p> Hello world! </p> </body> </html> hello1.html � 10
Opening and Closing Tags � 11
Showtime! Let's learn a few tags. � 12
Recommend
More recommend
