Ejemplo 1: cómo crear un mensaje emergente en forma html simple
<html>
<head>
<title>
</title>
<style>
table
{
color:white;
border-radius:20px;
}
#button
{
background-color:green;
color:white;
height:32px;
width:85px;
border-radius:25px;
}
body
{
background:linear-gradient(red,blue);
}
</style>
</head>
<body>
<br><br><br><br><br><br><br>
<form>
<table border="0" bgcolor="black" align="center" cellspacing="20">
<tr>
<td>First Name</td>
<td><input type="text" placeholder="First Name" required value = "" maxlength = "10"></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" placeholder="Last Name" required value = "" maxlength = "10"></td>
</tr>
<tr>
<td>Email Address</td>
<td><input type="text" placeholder="Email Address" required value = "" maxlength = "27"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" placeholder="Password" required value = "" maxlength = "14"></td>
</tr>
<tr>
<td>Confirm Password</td>
<td><input type="password" placeholder="Confirm password" required value = "" maxlength = "14"></td>
</tr>
<tr>
<td>Gender</td>
<td>
<input type="radio" name="r1" required>Male
<input type="radio" name="r1" required>Female
</td>
</tr>
<tr>
<td colspan="2" align="center"><a href ="login.html"><input type="submit" id="button"></a></td>
</tr>
</form>
</table>
</body>
</html>Ejemplo 2: código HTML emergente
<div class="popup center">
<div class="icon">
<i class="fa fa-check"></i>
</div>
<div class="title">
Success!!
</div>
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias nihil provident voluptatem nulla placeat
</div>
<div class="dismiss-btn">
<button id="dismiss-popup-btn">
Dismiss
</button>
</div>
</div>
<div class="center">
<button id="open-popup-btn">
Open Popup
</button>
</div>¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)