HTML Headings

HTML Headings

HTML headings are defined with the <h1>text </h1> tags. The lower the number, the larger the heading size.

<html>
<head>
<title>HTML Headings</title>
</head>
<body>
<h1> Heading text </h1>
<h2>Heading text </h2>
<h3>Heading text </h3>
<h4>Heading text </h4>
<h5>Heading text </h5>
<h6>Heading text </h6>
</body>
</html>

Output :

HTML Paragraphs

HTML paragraphs are defined with the <p> tag. Most browsers automatically put a line break and space after a </p> tag

<html>
<body>
<p>This is a paragraph 1</p>
<p>This is a paragraph 2</p>
<p>This is a paragraph 3</p>
</body>
</html>

HTML Links

HTML links are defined with the <a> tag

<html>
<head>
<title>
HTML Links
</title>
</head>
<body>
<a href="http://www.loopandbreak.com">Ayunor Learning</a>
</body>
</html>

HTML Images

HTML images are defined with the <img> tag. It tells the browser where to find the image file and what size to display it, among other things. In the following example image example is demonstrated, and the image should be in the same folder, where the webpage is.

<html>
<head>
<title>
HTML Image tag
</title>
</head>
<body>
<!-- image will be resize to the width and height dimensions -->
<img src="logo.jpg" width="100" height="100" />
</body>
</html>