HTML Powerpoint
Download
Report
Transcript HTML Powerpoint
SERVER
web page repository
WEB PAGE
instructions stores
information and
instructions
BROWSER
retrieves web page
and follows
instructions
2
Web
Server
Pages
Server
1 3
Browser
Client
HTML
Content
CSS
Presentation
JavaScript
Behavior
All we had to do was edit the page
CANNOT use a word processor
› Word, Pages, Writer
Why? They add all sorts of gorp
Do NOT need special software
› We WILL use it: Komodo Editor
› It HELPS
Create a free account
Verify your email address
Log in to your account
Create a new pen
Update a pen
Fork a pen
› Click on the posted codepen URL
› Click Fork
HyperText Markup Language
HTML should be used for defining
WHAT is on the page
NOT how it LOOKS
Why?
› Consistency
› Alternate presentation
› Simplicity
CSS (Cascading Style Sheets) for format
(Tuesday)
Two types of commands
› Single commands
< command> or < command />
› Start/end commands
<command> ... </command>
Tags can have additional information
associated with them – attributes
<command attribute=…> … </command>
Blank lines and spaces don’t matter
Regular text = paragraph
Header numbers represent style, not order
Lists consist of list delimiters and list items
Whether they start a new line or not
› Paragraphs do
› Emphasize does not
Are like boxes:
› You can nest them
› You can put them side by side
They are not chain links
› You can not intertwine them