HTML5 Element Examples

HTML5 Elements in HTML

« Back Next »

HTML Elements

Elements in HTML

Elements basically consist of a start and end tags with the content and some of consist without content will see what are

<starttagname>Paragraph content here </endtagname> Till now we observe that element is everything from the start tag and end tag respectively <p> My Paragraph text </p> <br> its tag element used for break a line

html5 tutorial for beginners

Element inside the Element called nested in HTML

HTML form will have nested elements to create html document Example: <!DOCTYPE html> <html> <body> <h2>First Heading Here</h2> <p>First Paragraph Here.</p> </body> </html> Example explanation: The above said example consist of for html elements One is <html> and </html> start and end tags defines the whole document <html> <body> <h2>First Heading Here</h2> <p>First Paragraph Here.</p> </body> </html> Second <body> and </body> start and end tags defines the document body. <body> <h2>First Heading Here</h2> <p>First Paragraph Here.</p> </body> The other two elements content base elements of <h2> and <p> tags <body> <h2>First Heading Here</h2> <p>First Paragraph Here.</p> </body> Third <h2> and </h2> start and end tags defines the document heading. <h2>First Heading Here</h2> Fourth <p> and </p> start and end tags defines the document content of paragraph. <p>First Paragraph Here.</p>

Start tag missing example

html5 tutorial for beginners and experienced

Don’t forgot the start tag as well end tag

<html> <body> First Heading Here</h2> First Paragraph Here.</p> </body> </html>

Above said example if missed start tag will produce an errors on html output form, for better tag understanding for start tag and end tag references use “notepad plus plus” it is open source software available to use for writing html pages.

end tag missing example

Don’t forgot the start tag as well end tag

<html> <body> <h2> First Heading Here <p> First Paragraph Here </body> </html>

Above said example if missed end tag will produce an errors on html output form, even you missed end tag some browsers will give proper output, because some cases end tag may optional., for better tag understanding for start tag and end tag references use “notepad plus plus” it is open source software available to use for writing html pages.

Empty Elements

<br> tag is an empty element without a closing element it is use for line break. <p> this is testing paragraph <br> to enter more line here</p>

Lowercase tags

For better html tag writing always try to use lowercase letters only i.e recommended For Example: <body> </body> Not recommended like the following <boDy> </Body> Tip: If writing this type of lower tag usage in real time, scripting and programming is very helpful to avoid errors.

« Back Next »

Data Science courses: Web Development

Online Courses: Include Certification

Quick Menu

Interviews

Linux Questions AWS Questions Python Questions Data Science Questions Artificial Intelligence Questions Asp.Net C# Questions MSSQL Questions

Tutorials

Datascience
Python
Learn Html
Learn CSS
Learn PHP
Learn Database

Examples

Learn Html
Learn CSS
Learn Html
Learn CSS

Follow Blog for Updates by Harisystems
AWS Questions and Answers Series1 by Harisystems
AWS Questions and Answers Series2 by Harisystems
AWS Questions and Answers Series3 by Harisystems
AWS Questions and Answers Series4 by Harisystems
AWS Questions and Answers Series5 by Harisystems
#courses #webdeveloper #elearning #programming #html5 #fullstack