Download presentation
Presentation is loading. Please wait.
1
Intro to Web Development Class A Review
2
Two Ways to View Web Page
As Web Page: In Browser
3
Two Ways to View Web Page
As Web Page: In Browser As Text File: In Editor
4
A Web Page Uses Three languages
5
A Web Page Uses Three languages HTML
6
A Web Page Uses Three languages CSS
7
A Web Page Uses Three languages JavaScript
8
Web Page Source Code Readable by humans and machines.
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> Readable by humans and machines. Web pages are text files.
9
Web Page Source Code Markup is inside <>s. <!DOCTYPE html>
<head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> Markup is inside <>s. “Markup” is inside angle brackets
10
Web Page Source Code Text is outside <>s. <!DOCTYPE html>
<head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> Text is outside <>s.
11
How Browsers See HTML <!DOCTYPE█html>█<html>█<head>█<title>First█HTML5█Web█Page</title>█</head>█<body>█<p>█Hello,█class!</p>█<p>█Hope you enjoy the show.█</p>█</body>█</html> The browser converts all new line characters and tabs into white space, like the space character. Consecutive spaces are converted to a single space. All the new line characters are gone!
12
5 Required Web Page Elements
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html>
13
5 Required Web Page Elements
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> DOCTYPE
14
5 Required Web Page Elements
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> html element
15
5 Required Web Page Elements
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> head element
16
5 Required Web Page Elements
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> body element
17
5 Required Web Page Elements
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> title element
18
<p> Element (optional)
<!DOCTYPE html> <html> <head> <title>First HTML5 Web Page</title> </head> <body> <p> Hello, class! </p> Hope you enjoy the show. </body> </html> paragraph elements
19
HTML Attributes <html lang="en"> Element Attribute
Attributes are only allowed in opening HTML tags An opening tag may contain zero, one or many attributes. If there is more than one attribute, they are separated by spaces. Attribute format: attrib=“value”.
20
Attribute Examples <html lang="en"> <meta charset="utf-8">
<link rel="stylesheet" href="reset.css"> <div id="container"> <section id="logo">
21
HTML5 Elements So far, we have introduced 7 elements:
<!doctype html> <html> <head> <body> <title> <p> <br>
22
Text for class: www.ScottsDevelopers.com > Resources
23
Text for class:
Similar presentations
