¿Cómo escribir el código para el siguiente formulario en el diseño front-end web HTML5?

El siguiente es el código del formulario. Puede agregar atributos directamente. Es más fácil escribir el formulario en la tabla, pero div es demasiado problemático;

lt;html xmlns=" "gt;

lt;headgt;

lt;meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" /gt;

lt;titlegt;Blackboardlt;/titlegt;

lt;/headgt;

lt;bodygt;

lt;div style= "ancho: 500px;"gt;

lt;h1 style="ancho: 500px; alto: 50px; color: #2A8DF0; borde inferior: #2A8DF0 sólido 3px; alineación de texto: centro; " gt; página de registro de usuariolt;/h1gt;

lt;table cellpadding="0" cellpacing="10" style="margin: 0 auto;"gt;

lt;trgt ;

lt;td align="right" valign="top"gt;lt;divgt;Nombre de usuario:lt;/divgt;lt;/tdgt;

lt;tdgt; lt ; input style='ancho: 250px' value='Ingrese el nombre de usuario' /gt;lt;/tdgt;

lt;/trgt;

lt;trgt;

lt;trgt;

lt; p>

lt;td align="right" valign="top"gt;lt;divgt;Contraseña:lt;/divgt; lt;/tdgt;

lt;tdgt;lt;input style='width：250px' value='Por favor, introduzca la contraseña' /gt;lt;/tdgt;

lt; /trgt;

lt;trgt;

lt;td align="right" valign="top"gt;lt;divgt;Confirmar:lt;/divgt;lt;/ tdgt;

lt;tdgt;lt;input style=' ancho: 250px' value='Por favor, ingrese su contraseña nuevamente' /gt;lt;/tdgt;

lt;/ trgt;

lt;trgt;

lt;td align="right" valign="top"gt;lt;divgt;Nombre:lt;/divgt;lt;/tdgt ;

lt;tdgt;lt;input style='width: 250px' value='Por favor, introduce tu nombre real' /gt;lt;/tdgt;

lt;/trgt ;

lt;trgt;

lt; td align="right" valign="top"gt;lt;divgt;Correo electrónico:lt;/divgt;lt;/tdgt;

lt;tdgt;lt;input style='width: 250px' value='Por favor, introduce tu dirección de correo electrónico' /gt;lt;/tdgt;

lt;/trgt

;

lt;/tablegt;

lt;div align="center"gt;lt;input style="ancho: 100px; alto: 30px; alineación de texto: centro; altura de línea: 30 px; fondo: #2289F0; borde: #2289F0; color: blanco; peso de fuente: negrita; tamaño de fuente: 16 px; divgt;

lt;/divgt;

lt;/bodygt;

lt;/htmlgt;