HTML Notes

mobiprep (6).png

HTML

mobiprep (6).png

HTML Tags and Elements

mobiprep (6).png

Attributes and Hyperlinks

mobiprep (6).png

Headings and Lists

mobiprep (6).png

Class and id attributes

mobiprep (6).png

Semantic Elements

mobiprep (6).png

Inline and Block-Level Elements

mobiprep (6).png

Div and Span

mobiprep (6).png

img

mobiprep (6).png

Tables

mobiprep (6).png

Forms

Heading

Q

1

What are Semantic Elements in HTML?

LRM_EXPORT_207556595493866_20190724_1939

Ans

A semantic element clearly describes its meaning to both the browser and the developer.
Examples of non-semantic elements: <div>and <span> - Tells nothing about its content.
Examples of semantic elements: <form>, <table>, and <article> - Clearly defines its content.
Because semantic HTML uses elements for their given purpose, it's easier for both people and machines to read and understand it.

LRM_EXPORT_207556595493866_20190724_1939

Q

2

Differentiate between semantic and non-semantic elements in HTML.

LRM_EXPORT_207556595493866_20190724_1939

Ans

Semantics-Elements has meaning.Describes its meaning to browser and developer.
Example-
<article>
<section>
<header>
<footer>
<nav>
<aside>
<time>

Elements has no meaning called non-semantic elements.
Example-
<div>
<span>

LRM_EXPORT_207556595493866_20190724_1939