(DISAPLAYY =<div class="machines" align="center">

<H1 style="color: purple"> MY FIRST VIDEO HTML5</H1>

<video controls id="mymac" src="the video.mp4"></video>

<br>
<video controls width="400" height="200" src="the video.mp4"></video>
<br>
<video src="the video.mp4" controls width="400" height="200"> </video>

FLOAT KI JAGGAH)

(Margin-left:

VERTICALL ALIGN:TOP FOR VERTICITY

<h1>h<sub>2</h1> ( sub and sup)

Result=h2)

(For space in heading etc

<&nbsp>)

(For horizontal line break <hr> tag )

(<Del> or <ins>)

(Display:flex new for float )

(justify content:center ) for center the box

(flex wrap:wrap) when stretch the web the bos shifted next line

Align item:center )for spacing the two box vertically

(Flex grow) no width req

(CLAAS:NTH-CHILD(2)) for 2nd child hight

(Transition left….. linear…) for moving img

: (Hover) for move far and back ward img

Transform:scale,translate,(1.5,0.5)

Java script
Slice(for copy items amin),splice(nikalny k liye main items),pop,push,unshift