Send the link below via email or IMCopy
Present to your audienceStart 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.
Make your likes visible on Facebook?
You can change this under Settings & Account at any time.
Transcript of HTML
It's not the only language used on the internet, but it lays the groundwork for every web page you visit.
The Structure of HTML
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.
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.
here's where the visible page content begins
<p> here's a paragraph </p>
It's not necessary,
, 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.
<title> my title </title>
<p> Here's a paragraph </p>
Isn't that easier to read?
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.
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
paragraph, which is a body of
text that you would
</i> display in the main part of your webpage. Now it's ending, here: </p>
It is composed largely of <tags>.