1/32
html basics
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No analytics yet
Send a link to your students to track their progress
<!DOCTYPE html>
The declaration that determines the document type is HTML5 |
<html lang="en">
The root container with the opening tag that specifies the lang with an attribute and help wraps the entire page |
<head></head>
The configuration container elements for invisible content such as metadata and configuration to help render the page |
<meta charset=”UTF-8”>
Acts as a translator for text content to UTF-8 |
<title></title>
sets the browser tab title
</html>
The closing tag that officially ends the whole page |
<body></body>
The content container elements with visible content for the entire page |
<main></main>
The primary content container elements with main content |
<section></section>
The content container elements that groups related content together |
<h1></h1> to <h6></h6>
The heading containers elements that go from main to smallest heading |
<p></p>
The text container elements with paragraphs |
<ul></ul>
The list container elements that contains unordered lines |
<li></li>
The list container elements that contains lists |
<ol></ol>
The list container elements that contains ordered lines |
<figure></figure>
The media content container elements that contains visual elements |
<img src = “ “ alt=” “> |
The media content container element that displays an image |
<figcaption></figcaption>
The media content container elements that describes an image |
<a href="link"></a>
The media content container elements that creates an clickable link |
<footer></footer>
The page-end container elements that contains credits to all of the visual content in the entire page |
<em></em>
The inline format container elements that Italicizes text for emphasis |
<strong></strong>
The inline format container elements that boldens text for strongness |
Where do <!DOCTYPE html> go?
Goes at the very top of the page
Where do <html lang="en"> go?
Goes right after <!DOCTYPE html>
Container structure elements goes? |
inside <html lang=”en”></html>
Page configuration elements goes?
INSIDE `<head></head>
Structural elements goes? |
inside <body></body>
Mostly general organizational elements goes? |
inside of <main></main>
Content sub organizable elements goes? |
inside <section></section>
Organizable list elements goes?
inside <ul></ul> or <ol></ol>
Media content elements goes? |
inside <figure></figure>
General content organization + configuration elements goes? |
inside <footer></footer>
Closing credit elements goes? |
into <footer></footer>
Where do </html> go?
Goes at the very bottom of the page.