Inline text elements
Anchor tag and span
Anchor Tag with span tag wrapped around part of itInline style tags
b tag em tag i tag sub tag sup tab code tag
Image tag
<html>
<head>
<title>Intro to HTML</title>
<link rel="stylesheet" href="./style.css" />
<style>
hr {
margin: 40px;
}
</style>
</head>
</html>
<body>
<header>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<nav></nav>
</header>
<main>
<article></article>
<aside></aside>
</main>
<footer></footer>
</body>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia, vero! Eum optio veniam nisi, assumenda ea velit in corrupti vel eos reprehenderit beatae libero rem iusto, maiores, corporis sunt laborum.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reiciendis porro consequuntur exercitationem, perspiciatis nam saepe, odit enim omnis qui commodi cupiditate in eveniet. Nemo maxime ipsam recusandae consectetur voluptatum non?
// This is a pre tag -- It respects spacing and tabs
<ul>
<li>Unordered</li>
<li>list</li>
<li>items</li>
</ul>
// But actual code still needs to be escaped
<ul>
<li>Unordered</li>
<li>list</li>
<li>items</li>
</ul>
b tag em tag i tag sub tag sup tab code tag
| Column 1 header | Column 2 header |
|---|---|
| The table body | with two columns |
| Another table row | with two columns |
| Row spanning both columns | |