Intro to Web Development
Copy doc
Add your content
Use HTML to add web page content

HTML

Hypertext Markup Language (HTML)
is a markup language that defines the structure of a web page. You can view the HTML elements that make up any web page that you visit using your browser.

⭐️ Step 0: Inspect a web page using the Developer Tools

HTML Elements

Each HTML element has an opening tag (e.g.
<div>
) and a closing tag (e.g.
</div>
). The user will only see the content in between the opening and closing tags. Here are some examples that you might see when you inspect your example webpage:

The
<p>
tag is used to define a
paragraph of text
.
<
p
>
Here is some text.
</
p
>

Tags can be
nested
within each other.
<
p
>
Here is some
<
b
>
bold
</
b
>
text.
</
p
>
<
p
>
Here is some
<
i
>
italicized
</
i
>
text.
</
p
>

You might encounter shorthand for tags that do not have content between the opening and closing tags. These tags are
self-closing
. For example, the tag for images (i.e.
<img>
) uses
attributes
(e.g.
src
) in the opening tag and is self-closing. The following two code snippets are equivalent.
<
img
src="https://i.ytimg.com/vi/MPV2METPeJU/maxresdefault.jpg"
></
img
>
<
img
src="https://i.ytimg.com/vi/MPV2METPeJU/maxresdefault.jpg"
/>

⭐️ Step 1: Add some basic HTML elements to your website

🍦Challenge: Add some more HTML elements to your website

HTML Tasks
6
Task
Status
1
Inspect a web page using Developer Tools
Not Started
2
Add some basic HTML elements to your website
Not Started
3
🍦Challenge: Add some more HTML elements to your website
Not Started
No results from filter

Next Section ➡️


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.