HTML BASIC

Post by **C0D3D** »

Here are all the basics of HTML to get you started on your journey

Simple HTML document

Example 1

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Simple HTML document</title>
</head>
<body>
  <h1>This is a header</h1>
</body>
</html>

Heading

Example 2

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>Example of HTML headings tag</title>
</head>
<body>
    <h1>Biggest Heading level 1</h1>
    <h2>Heading level 2</h2>
    <h3>Heading level 3</h3>
    <h4>Heading level 4</h4>
    <h5>Heading level 5</h5>
    <h6>Smallest Heading level 6</h6>
</body>
</html>

Paragraph

Example 3

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Creating Paragraphs in HTML</title>
</head>
<body>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
</body>
</html>

Creating links to other HTML documents or Web resources

Example 4

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Creating Links in HTML</title>
</head>
<body>
    <p><a href="https://codedskills.net" target="_blank">CodedSkills</a></p>
    <p>
        <a href="/images/hacker.png">
            <img src="/images/hacker.png" alt="kites">
        </a>
    </p>
	<p><a href="https://codedskills.net">CodedSkills</a></p>
</body>
</html>

Insert Images in HTML Documents

Example 5

Code: Select all

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Insert Images in HTML Documents</title>
</head>
<body>
    <img src="/images/kitten0.png" alt="Kitten 1">
    <img src="/images/kitten1.png" alt="Kitten 2">
    <img src="/images/kitten2.png" alt="Kitten 3">
</body>
</html>

HTML BASIC

HTML BASIC

Who is online