HTML Block elements, Inline elements and Pseudo elements

1. block level elements in HTML:
Element Description
<address> Stores contact details.
<article> Defines article.
<aside> Shows part of an article.
<blockquote> Shows a part of article that is copied.
<canvas> Draw graphics.
<dd> Defines name in an article.
<div> Shows partition in a document.
<dl> Shows definitions and their details.
<dt> Describes term in an article.
<fieldset> Unite same elements.
<figcaption> Shows caption for the image.
<figure> Shows independent part of document.
<footer> Describes footer for a content.
<form> Allows input.
<h1>-<h6> Describes heading.

2. <header> Form a header segment.
<hr> Form a horizontal line.
<li> Used to display objects in listing.
<main> Displays main part of an article.
<nav> Describes routing links.
<noscript> Describes part of a content that does not
support script.
<ol> Shows lists in sort
<p> Shows a paragraph.
<pre> Defines pre-formattedtext.
<section> Sort same type of content separately.
<table> Shows table.
<tfoot> Collect footer data in table.
<ul> Displays data in un-ordered form.
<video> Defines video.

3. Inline elements in HTML:
Elements Description
<a> used to link pgs.
<abbr> define contraction of words.
<acronym> Kisi or word ko explain krta h
<b> Text ko mota krta h
<bdo> overrule the text direction.
<big> Text ko bara krta h
<br> Next line py jany k liye.
<button> Menu button bnany k liye.
<cite> Kisi kam k title ko display krta.
<code> Comp k code ko display krta.
<dfn> Kisi bhi definition k context ko display
krta.
<em> Kisi word ko stress krny k liay.
<i> Text ko italic krta h.
<img> Image ko define krta.

4. <input> Input field define krta h ta k user apna
data enter kr saky.
<kbd> Keyboardinput ko support krta h.
<label> Represents caption.
<map> Image ko define krny k liye use hota.
Provides clickable areas to users.
<object> Different objects ko web page sy link krny
k liye.
<output> Result ko show krta.
<q> Diplay quotation.
<samp> Display Sample output.
<script> Used to link to javascript code.
<select> Shows list of options to choose.
<small> Shows small text. i.e comments
<span> Text k kisi part k font ko change krta h.
<strong> Defines strong text.
<sub> Text ko normal line sy neechy display krta.
<sup> Text ko normal line sy upar display krta.
<textarea> Display text in a specific area in multiple
lines.

5. <time> Displays Time .
<tt> Not supported in html.5
<var> Defines variable.
Pseudo Elements in CSS:
o Syntax of pseudo element :
selector:pseudo-element{
property: value;
}
Pseudo
element
Description
::first-line Text ki first line ko style krny k liye use
hota h.

6. ::first-letter Text k 1st
letter ko style krny k liye.
::before Current content sy pehly koi content
insert krny k liye use hota h.
::after Current content k bad koi content add
krny k liye use hota h.
::selection Content ka jo part user ny select kia hota
usy style krny k liye use hota h.
Pseudo Classes in CSS:
Pseudoclass Description
:active Selected link ko style krta h.
:checked checks input.
:disabled Disable the input box.
:empty Empty space ko show krta
:enabled Allows user to input.
:first-child Paragraph main parent k 1st
child ko style

7. krta h.
:first-of-
type
Parent k 1st
paragraph ko highlight krta h.
:focus Selects input element which is on focus.
:hover Clear the blurredimage when the cursor is
on it.
:in-range Kisi range k andar values input ho to style
apply hota h.
:invalid Jab invalid input ho to usy highlight krta h.
:lang Specified language main input accept krta
h.
:last-child Last paragraph ko highlight krta h.
:last-of-type Parent ki last type ko highlight krta h.
:link Links ko highlight krta h.
:not(selector
)
Jo selected paragraph nai hota usay
highlight krta h
:nth-
child(n)
Child Paragraph ki nth number of line ko
highlight krta h.
:nth-last-
child(n)
Child paragraph k last sy nth number of
line ko highlight krta h.

8. :nth-last-
of-type(n)
Parent ki nth last type ko highlight krta h.
:nth-of-
type(n)
Kisi 1 type of paragraph ki nth line ko
highlight krta h.
:only-of-
type
Apni type k 1 hi child ko highlight krta h.
:only-child Apny parent k ikloty child ko highlight
krta h,
:optional Optional input ko highlight krta h.
:out-of-
range
Apni range sy bahir input ho jaye to usy
highlight krta h.
:read-only User input ko sirf read kr skta h , apni taraf
sy input ni dy skta.
:read-write User input ko read bhi kr skta h apni input
bhi dy skta h.
:required Required input ko highlight krta h.
:root Document k root element ko highlight krta
h.
:target Targetedinput ko highlight krta h.
:valid Valid input k liye styling hoti h. Invalid
input ho to styling disappear ho jati h,

9. :visited Jo links already visit kr li hon uny
highlight krta h.
Javascript events:
JS events Description
onchange
Onclick Jab user button py click krta h to event
hota h. Jasy warning, validations etc.
Onmouseove
r
Jab user mouse ko element py lata h tab
occur hota h.
Onmouseout Jab user mouse ko element sy hatata h tab
occur hota h.
Onkeydown Jab user keyboardki kisi key ko press krta
hai tab occur hota h.
onload Jab user page ko load kr chukka hota h tab
occur hota h.
Onsubmit Jab user koi form submit krta h tab yeh

10. event hota h.