Learn Simple HTML5 Basic Elements(Second Article)!!

Abdul moiz — Mon, 18 Oct 2021 08:20:17 +0000

Block-Level And Inline Elements

In HTML , there are two kinds of elements one is block-level and other one is in-line elements.

Block Element.

These are those elements, which starts with new line and takes the full width of the screen horizontally and vertical space is its height of that content.Example div,form,,UL,ol,Li,section,table` and etc.

In Line-level Elements.

The Inline elements are those which do not start from new and take the space as necessary. Exmaple span, a href="", textarea,br, em,iframe and etc.

Remaining Part I will add in few hours

Learn Simple HTML5(First Article), Beginner level

Abdul moiz — Sun, 17 Oct 2021 04:59:40 +0000

What is an HTML?

HTML (Hyper Text MarkUp language), which we use to define the basic structure of the web pages. Like The contents where we have some paragraphs, bullets points, data table forms, images,videos and map etc.
The HTML Tags Contains machine-readable information about the metadata of the Document, like title, script, style, etc.

what is MetaData?

The simplest Definition is that the data describes the data is called metadata.Like the tag of element also contain metadata in its head tag which also describes the data like style title, the script is metadata of HTML

what head tag holds between the opening and Closing Tag?

I will also cover, about opening and closing tags below in the document.The Head tag holds the Information about the machine-understandable data, not for human-readable,but for humans html provides use some tags which we use in browser tab and provide some extra information about the website as well.

What is an Element?

I will to explain about the element through an example?

<p>This is a content </p>
This is an complete Example of an Element

There are some pre-defined key words in HTML such as p which tells us about the Paragraph ,same like h1 which represents heading.There are many other pre-defined key words as well. I will provide the link to learn more about the element and tags name at the end of this article.

We have Two opening angle brackets 
In between of tags we have the content . This is an Enclosed text content This is an content

we can write whatever we want in between of opening & close brackets.

The two closing angle Brackets and slash  .

Attribute

-The element can contain an attribute where we store extra information about the element which does not appear on the web page, we use attributes for different reasons just like, the class for styling, id attribute, moiz , this is an attribute.

Nested Elements

-In HTML we have nested elements as well, we can make the elements and we can make another elements inside of it, Moiz JSDev 

Important Note:

-we need to remember that, when we make the nested element and after the opening tag then we must make the closing tag before the parent Closing tag.

Empty Elements

Empty Elements are those elements are those elements which are not contain any content <img/> , but this tag accepts and we also called the self-closing tag <img src="Path of Image" alt="Meaning full Message"/>

The Link of Elements:https://developer.mozilla.org/en-US/docs/Web/HTML/Element

Message:
If Someone see some wrong thing which should be correct then feel free to contact me on LinkedIn or twitter
LinkedIn: https://www.linkedin.com/in/abdul-moiz-8b84361b2/
Twitter: https://twitter.com/Abdulmoiz8994

DEV Community: Abdul moiz