Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

HTML

No description
by

Edward Utter

on 6 November 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of HTML

<HTML is the Skeleton>
It's not the only language used on the internet, but it lays the groundwork for every web page you visit.
HTML
The Structure of HTML

or
HyperText Markup Language
Every HTML File begins the Same Way
Ok, that's a lie. But for simplicity's sake, we're going to start there. You begin a document with:
<!DOCTYPE html> . This tells the browser (Chrome, Firefox, etc.) that the language being used is html. Unlike most tags, this one does not come in a pair.

You start and end the main part of the document with <html> and </html>. Most of your stuff will go between these.
Structure
As you saw in the last slide, the structure of your page is generally going to look something like this:
<html> - where your doc starts
<head> - these things aren't seen by the user, normally,
<title> here is the title for your page </title>
</head> - they're used by the web browser.
<body> -
here's where the visible page content begins
<p> here's a paragraph </p>
</body>
</html>
Indenting
It's not necessary,
per se
, but it makes your code easier for you (and everyone else) to read! So for this class, it
absolutely will be
.

Any time you put a set of tags inside another, you should indent.
<html>
<head>
<title> my title </title>
</head>
<body>
<p> Here's a paragraph </p>
</body>
</html>
Isn't that easier to read?
Tags
<knowledge>
Tags usually come in pairs. The first one, which has an open bracket (<), some text, and a closing bracket (>), is called an open tag. The one at the end will have a forward slash before the text in it (</>), and it's called the closing tag.
</knowledge>
Tags do Stuff
And the stuff they do can compound, as tags can work together. They basically follow the rules for Order of Operations that you see with parentheses in math. Watch:

<p> that first tag <b>
indicates the start of a
<i>

paragraph, which is a body of
</b>
text that you would
</i> display in the main part of your webpage. Now it's ending, here: </p>
Linking Language
that
Does Stuff
It is composed largely of <tags>.
Full transcript