Web Basics : HTML
The
YEAR
IS
1989
TIM BERNERS-LEE
Hi, I'm a scientist.
So, I created the World Wide Web.
I needed an awesome way to share my science with the world...
THE INTERNET
VS
THE WEB
THE INTENET IS
CONNECTED COMPUTERS
THE WEB IS
CONNECTED DOCUMENTS
IRC, FTP, TCP, SMTP...
HTTP
TWO TECHNOLOGIES OF THE WEB
HTTP
A way of requesting an HTML document from a computer.
HTML
Hypertext Transfer Protocol
Hypertext Markup Language
A plaintext publishing format.
We're Familiar with HTTP
HTML might still be a mystery
THINKING
IN
HTML
THIS ISN't FUN
HTML like this might have scared you off.
WRITING HTML IS LIKE FORMATTING A WORD DOCUMENT
- Write your document
- Wrap it in HTML tags
- View in a browser
This Is My Awesome Document
Your can hardly believe how good my document be.
I'm so happy to be writing The INTERNETS.
<h2>This Is My Awesome Document</h2>
<p> Your can hardly believe how good my document be.</p>
<p> I'm so happy to be writing The INTERNETS.</p>This is My Awesome Document
Your can hardly believe how good my document be.
I'm so happy to be writing The INTERNETS.
Two TYPES OF TAGS
BLOCK
Block tags are 100% width
INLINE
Inline tags stack horizontal
<p> One Block Tag </p>
<p> Another Block Tag </p>One Block Tag
Another Block Tag
<strong> bold text </strong>
<em> italicized text </em>bold text italicized text
HTML
TAGS
ARE
CONFUSING
Title Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec metus justo. Aliquam erat volutpat.
A
FEW
RULES
EVERYTHING GETS WRAPPED
<q> party like crazy </q>
Close TAGS IN ORDER
<p> I'm happy </p>
<strong> SOOOOO </strong>