how to reduce the page height using html code example

Example 1: css height property

/* <length> values */
height: 300px;
height: 25em;

/* <percentage> value */
height: 75%;

/* Keyword values */
height: max-content;
height: min-content;
height: fit-content(20em);
height: auto;

/* Global values */
height: inherit;
height: initial;
height: unset;

Example 2: css image size adjust

squareImage {
  border: 1px solid #ddd;	/* thickness and color of border */
  border-radius: 4px;		/* edge rounding of border */
  width: 150px;				/* width of image (px or % or auto) */
  height: auto;				/* height of image (px or % or auto) */
}

Example 3: css size

#myID {
  height: 100px; /* Sets the height */
  width: 200px; /* Sets the width */
}
/* or... */
.myClass {
  height: 220px; /* Sets the height */
  width: 40px; /* Sets the width */
}
/* They both work! */