Tools in Building a Registration Form using Basic HTML, CSS

Tools in Building a Registration Form using Basic HTML, CSS

Table of contents

vh unit stands for viewport height, and is relative to 1% of the height of the viewport.

HTML Basics:

Name-elementsSyntaxName-attributesSyntax
form<form>(self-taging)actionaction="any-link"
--methodmethod="POST"
fieldset<fieldset></fieldset>--
label<label></label>forfor="first-name"
input<input>(self-taging)idid="first-name"
--typetype="email"
--typetype="submit"
--valuevalue="Submit"
--minlengthminlength="8"
--patternpattern="[a-z0-5]{8,}"
--type<input type="radio">
legend<legend></legend>--
select<select></select>
option<option></option>
TextAreatextarea

CSS Basics:

NameValueSyntax
width100%width:100%;
height100vhheight:100vh;(viewport)
margin0margin:0;
background-color#1b1b32(black)background-color:#1b1b32;
color#f5f6f7(white)color:#f5f6f7;
displayblockdisplay:block;
margin0.5rem 0margin:0.5rem 0;
  1. attribute selector: which selects an element based on the given attribute value.
    Syntax: input[name="password"]

source: freecodecamp.org