Posts

Showing posts from September, 2022

How to make a advanced sign up form in html and css

Image
 Hello today I am going to tell you how to make a sign up form I haven't finished but it still looks really nice. Type in this code. <!DOCTYPE html> <html> <center> <head>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <title>Sign In Form</title> </head> <link rel="stylesheet" type="text/css" href="styles.css"> <div>   <!-- Left section of signup form -->   <dive>      <p><label for="userNmae">User Name</label></p>                 <input type="text" id="userName" autocomplete="off" >              </p></div>       <div>                 <p><label for="email">Email</label></p>             ...

How to make a full chess board in html- FULL TUTORIAL

Image
 First open your your notepad to add code. In this tutorial  we need to add the chess board so type in this code.  <!DOCTYPE html> <html> <center>     <head>         <title></title>         <meta charset="UTF-8">         <style>             .chess-board { border-spacing: 0; border-collapse: collapse; }             .chess-board th { padding: .5em; }             .chess-board th + th { border-bottom: 1px solid #000; }             .chess-board th:first-child,             .chess-board td:last-child { border-right: 1px solid #000; }             .chess-board tr:last-child td { border-bottom: 1px solid; }             .chess-board th:empty { border: none; } ...