TechInterview

HTML Heading

HTML (Hyper Text Markup Language) Heading are titles and subtitles which display in bold and normal look for your website or web browser.

Different Type of Heading

In HTML Heading define in h1 to h6 tag but its meaning differently for each one.

1- <h1> : This tag is define only once in a single page & its most important heading, or its size is bigger according to normal text font. It is basically use for SEO purpose and it look for a bold size or font.

2- <h2> : This tag is define multiple times in a single page, and its size is below of h1 tag and it look for a bold size or font.

3- <h3> ; This tag is define multiple times in a single page, and its size is below of h2 tag and it look for a bold size or font.

4- <h4> : This tag is define multiple times in a single page, and its size is below of h3 tag and it look for a bold size or font.

5- <h5> : This tag is define multiple times in a single page, and its size is below of h4 tag and it look for a normal size or font.

HTML Attribute

HTML (Hyper Text Markup Language) attribute provide additional information about the element.

All HTML element have an attribute.

Attribute provide the additional information about the element.

Attribute always define at start tag/point.

Attribute always use for a name/value pair combination like as: name="name".

Some Attribute define below:

1- href : href attribute define the url where it is goes.

2- name : name attribute define the name of this element.

3- src : src attribute define which type of image will be view.

4- type : type attribute define which type of a element is it.

5- width : width attribute define the width of a element in pixels or percentage.

6- height : height attribute define the height of a element in pixels or percentage.

7- alt : alt attribute use for if image is not show in browser then this alt text are visible in the place of image.

8- style : style attribute to add style of a element.

9- lang : lang attribute define the language of a browser.

Semantic Element/Tag in HTML

This Element/Tag is describe its meaning both developer and browser. It help to understand write the code for what is this section is use for.

Semantic Element/Tag

There are two type of Semantic Element/Tag that is semantic and another is non-semantic element/tag.

Semantic Element/Tag

Semantic element/tag clearly define its content what is the use of this element/tag and where it.

There are different type of semantic element/tag ;

1- <section> : It define a section of a document.

2- <table> : It define that content is contain for row and column.

3- <figure> : It define specific self-contained content, like illustration , some diagram and images.

4- <article> : It define independent, self-contained content.

5- <header> : It define a specific header of a content/document.

6- <nav> : It define a navigation links.

7- <details> : It define additional details that the user can view and hide.

8- <aside> : It define content aside from the page content.

9- <main> : It define the main content of a document.

10- <figcaption> : It define caption for a <figure> element.

11- <summary> : It define a visible heading for a <details> element.

12- <mark> : It define mark/highlight text.

13- <time> : It define a date/time.

14- <footer> : It define footer of a document section.

Non-Semantic Element/Tag

Non-semantic element/tag is nothing define about its content.

There are different type of non-semantic element/tag:

1- <div> : It define it is a block level element.