CODING & HTML. What is Coding? What is HTML? How do I write code? Why is it necessary? HTML...

11
C o m m u n i c a t i o n s T e c h n o l o g y I I I M r . B u n d y CODING & HTML

Transcript of CODING & HTML. What is Coding? What is HTML? How do I write code? Why is it necessary? HTML...

Page 1: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

Co

mm

un

ica

tion

s Te

ch

no

log

y III

Mr. B

un

dy

CODING &

HTML

Page 2: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

What is Coding? What is HTML? How do I write code?Why is it necessary?HTML Syntax

OBJECTIVES

Page 3: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

Code: http://code.org/

Programming instructions for a computer.

There are several different languages of code, just like there are many different languages of speech and writing.

Coding is also used in video games, any website you see, and complex programs for any profession you can think of.

WHAT IS CODING?

Page 4: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

HTML: Hyper-text Markup Language-The basic language for websites and webpages on the internet.

Created by Tim Berners-Lee and several others in 1989-1991.

Originally designed to share and edit science documents worldwide.

WHAT IS HTML?

Andreas Rentz/Getty Images

http://inventors.about.com/od/computersoftware/a/html.htmhttp://www.htmlgoodies.com/tutorials/html_401/html4-ref/article.php/3460261

Page 5: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

Syntax: A set of rules to describe a written language

Notepad: A basic text format, or script, that the computer can run as a program.

Notepad++: Notepad that a human being can actually use to write code.

HOW DO I WRITE CODE?

Page 6: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

Codes are the building blocks of all technology

Difference between the driver and the passenger

Potential for employment

WHY IS IT NECESSARY?

Page 7: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

Co

mm

un

ica

tion

s Te

ch

no

log

y III

Mr. B

un

dy

CODING &

HTML

Page 8: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

HTML code is written in brackets <> and called “tags”.

If you <open> a tag, it must be </closed>. These four tags are always included in a HTML

document:<html></html><head></head><title></title><body></body>

HTML SYNTAX

Page 9: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

All content is written in between tags. <body>All of your words go here</body>

Nesting: Tags must be closed in the reverse order of when they were opened. Tabs help with organization.<html>

<body> Content </body> </html>

HTML SYNTAX

Page 10: CODING & HTML.  What is Coding?  What is HTML?  How do I write code?  Why is it necessary?  HTML Syntax.

Any code modifiers must be written in quotes.<font size=“12” color=“white” face=“Arial”>

Any missed quotes or tag arrows will result in the computer recording a “syntax error” and your code will not appear correct.

HTML SYNTAX