HTML documents and DOCTYPE initialization:
Every html file must starts with document type initialization. Continuing with <html> and </html> tag.
Content should be placed in between <body> and </body>.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Hello friends</h1>
<p>This is my first program</p>
</body>
</html>Hello friends
This is my first program
DOCTYPE is most essential for any HTML document it generally denotes the doctype and insists the web browser to display the Developed pages more effectively. The preferred way to declare the doctype is at top of the page. The doctype is not case sensitive.
Headings in HTML:
Heading is very crucial part of any web page used as <h1> to <h6> tags. Generally we need to define most important heading as <h1> and least important heading as <h6>.
Examples:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>This is heading 1
This is heading 2
This is heading 3
This is heading 1
This is heading 2
This is heading 3
HTML links:
Html links for used for transfer the call from one webpage to another webpage by using anchor tag <a>. This tag is having an attribute called as href is a link attribute. Attributes are something that gives extra information about HTML elements. title is a optional attribute which shows text on mouse over link texts.
<a href="https://www.facebook.com/dreamzdevelopers" title="Facebook">Link to Facebook</a>Images in Html:
You can add an image to the webpage using the <img> tag.
Attributes of <img> are: src(url link or path of image), alt(alternative info), width, height.
Example:
<img src="https://cdn.pixabay.com/photo/2018/07/05/16/59/students-3518726_960_720.jpg" alt="pixabay.com" width="670" height="760">
Paragraph tag in Html:
Paragraph tag is defined by <p>.
Example:
<p>paragraph 1.</p>
<p>paragraph 2.</p>paragraph 1.
paragraph 2.
One interesting thing is that we can align spaces using the <pre> tag. The importance of this is that it will print the content as it is we write.
Play Live with HTML code on Codepen!
See the Pen HTML Components by Jehal Desai (@my-dreamzlive) on CodePen.