SLIDE 1
CE419 Web Programming
Session 2: HTML
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
CE419 Session 2: HTML Web Programming 1 What is HTML? Hypertext - - PowerPoint PPT Presentation
CE419 Session 2: HTML Web Programming 1 What is HTML? Hypertext - - PowerPoint PPT Presentation
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
SLIDE 2
SLIDE 3
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
SLIDE 4
Hypertext Markup Language
4
SLIDE 5
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
SLIDE 6
HTML Elements
- Headings
- Paragraphs
- Lists
- Links
- Images
- Objects
- Form Elements (input, checkbox, buttons, etc.)
- A whole lot more!
6
SLIDE 7
WYSIWYG Editors vs. Code
What You See Is What You Get 7
SLIDE 8
Hello, world!
<!DOCTYPE html> <html> <head> <title>This is a title</title> </head> <body> <p>Hello world!</p> </body> </html>
Document Type Declaration Closing Tag Opening Tag
hello1.html
8
SLIDE 9
Tags & Elements
9
SLIDE 10
html, head, body
<!DOCTYPE html> <html> <head> <title>This is a title</title> </head> <body> <p>Hello world!</p> </body> </html>
hello1.html
10
SLIDE 11
Opening and Closing Tags
11
SLIDE 12
Let's learn a few tags.
Showtime!
12