Untitled

<!DOCTYPE html>
<html>

    <head>
    <title>Pagina Principal</title>
    <meta charset="utf-8">
    </head>


    <body>

    <h2>Login</h2>
    <!--Utilizamos a tag <form> para fazer um formulario -->
    <form>
            <!--Utilizamos a tag <input> para fazer uma entrada de dado -->
        Login: <br>
        <input type="text" name="login"><br>

        Senha: <br>
        <!-- Type password para aparecer bolinhas da senha -->
        <input type="password" name="password"> <br>

    <!-- Type submit para enviar as informações -->
        <input type="submit" value="Logar"><br>

    </form>

    <h2>Cadastre-se</h2>

        <form>
            Login: <br>
            <input type="text" name="login"><br>
            Sexo: <br>
            <!--Utilizamos o mesmo para agrupar e permitir selecionar apenas uma -->
            <input type="radio" name="sexo" value="M"> Masculino<br>
            <input type="radio" name="sexo" value="F"> Feminino<br><br>

            Interesses<br>
            <input type="checkbox" name="interesses">Futebol<br>
            <input type="checkbox" name="interesses">Cursos<br>
            <input type="checkbox" name="interesses">Moda<br><br>

            Estado<br>
            <!-- Tag <select> Permite selecionar opções -->
            <select name="estado">
                <option name="sp">SP</option>
                <option name="mg">MG</option>
                <option name="rj">RJ</option>
                <option name="sc">SC</option>
            </select><br><br>


            Observações:<br>
            <!--tag <textarea> cria uma caixa de texto -->
            <textarea></textarea><br>

            <input type="submit" value="Cadastrar">

</form>

    </body>
</html>