HTML Basic

Today you will learn some html basic examples related to html links, html images, html headings, html paragraphs and html documents. Basically code implementation and output of the example is self explanatory. So, let’s dive in,

HTML Basic: HTML Links

<!DOCTYPE html>
<html>
<head>
<title>Flower Brackets - code here</title>
</head>
<body>

<a href="http://www.flowerbrackets.com">I'm a Link</a>

</body>
</html>

Output:

I’m a Link


HTML Images

<!DOCTYPE html>
<html>
<head>
<title>Flower Brackets - code here</title>
</head>
<body>

<img src="Flower_Brackets.jpg" alt="FlowerBrackets.com" width="2232" height="163">

</body>
</html>

Output:

HTML Basic


HTML Headings

<!DOCTYPE html>
<html>
<head>
<title>Flower Brackets - code here</title>
</head>
<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

</body>
</html>

Output:

HTML Basic


HTML Paragraphs

<!DOCTYPE html>
<html>
<head>
<title>Flower Brackets - code here</title>
</head>
<body>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

</body>
</html>

Output:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


HTML Document

<!DOCTYPE html>
<html>
<head>
<title>Flower Brackets - code here</title>
</head>
<body>

<h1>Website Heading</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

</body>
</html>

Output:

HTML Basic

About the author

admin

View all posts

Leave a Reply

Your email address will not be published. Required fields are marked *