|
|
|
| Cómo crear Entrar en HTML |
|
Páginas sesión son una parte normal de la Web. En este tutorial , aprenderás cómo crear las etiquetas HTML necesarias para crear el cuadro nombre de usuario de entrada, el cuadro de introducción de la contraseña y el botón de envío . Yo también le mostrará cómo organizar su formulario HTML , colocándolo en una tabla que se encuentra a dos columnas de ancho por tres filas de alto. Cosas que necesitará editor de texto como fuente de edición software de carga de documentos , como FileZilla espacio en el servidor que soporta las aplicaciones " del lado del servidor ", como el registro en las características . Mostrar Más instrucciones documento pasos 1 Crear DocumentAll los documentos HTML HTML tendrán , con el fin de ser compatible con las siguientes etiquetas : • < DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> • < HTML xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " es " lang = " es "> • La etiqueta de inicio • Los < /title> etiquetas y # x2022 ; el < /head> etiqueta de cierre • la etiqueta de inicio <body> y < /body> etiqueta de cierre • y, por último , la etiqueta < /html> tag.Make final seguro que se escribe el después entre la etiqueta <title> comienzo y el final < /title > tag: • Mi Login PageSave el archivo como login.html y subirlo a su servidor web. Usted debe ver una página en blanco y el borde azul superior del navegador se debe leer : "Mi Página de Acceso " . EXPLANATIONThe tipo de documento declara que está utilizando XHTML , el nuevo estándar de la World Wide Web , según lo declarado por los W3Schools , los autores de código <html> HTML.The tiene varios atributos dentro de la etiqueta , el primero es xmlns , que significa extenso lenguaje de marcado de espacio de nombres , que establece las normas de estructuración eres <head> following.The < /head> etiquetas contienen toda la información sobre el documento , en este caso, el <title> < /title> que aparece en la banda azul de la parte superior en la parte superior de la Internet browser.The <body> contiene toda la información en la página que el usuario final se see.Finally , la etiqueta < /html> etiqueta final completa la página HTML. <br> 2 <p> TagsNow formulario que ha creado el documento HTML , es necesario crear el formulario de acceso itself.Type lo siguiente después de la etiqueta <body> principio y antes de la etiqueta < /body> de fin: <form action="#"> < /form> EXPLANATIONThe etiqueta de formulario declara al navegador que las etiquetas entre la etiqueta <form> principio y el final < /form> recogerán algún tipo de entrada del usuario, si se trata de una casilla de verificación o un cuadro de texto o un botón, o algún otro tipo de elemento interactivo . <br> 3 <p> Complete el FormType lo siguiente después del comienzo <form tag action="#"> y delante de los que terminan < /form> : <b> Nombre de usuario: < /b > type="text" name="username" size="40" /> <br /> <input <b> Contraseña : < /b > < input type = text " "name = " " size = " password 40 "/> <br /> <input type="submit" value="Login" name="submit" /> Guarde el archivo y subirlo a tu web servidor. Cuando ve a la página, debería ver un formulario de acceso, como se muestra en la picture.EXPLANATIONThe <b> < /b> Las etiquetas se denominan etiquetas de negrita . Ellos cambian el estilo de tipo de texto entre ellos para bold.The <input type="text" name="username" size="40" /> etiqueta crea un cuadro de texto (indicado por el atributo type = "text ") que es 40 caracteres de longitud (indicada por el atributo size = " 40 ") y es llamado " nombre de usuario" (indicado por el atributo name = " nombre de usuario" ) . El nombre es importante para al procesar el contenido de la forma , que no se trate en este tutorial.The <br /> etiqueta crea un salto de línea , como si hubiera entrado en " Volver " o "Enter " en un texto document.The segunda etiqueta de entrada , llamado "password ", parece idéntico al campo " nombre de usuario" , con la excepción de que tiene un valor diferente para el "nombre" etiqueta definitiva attribute.The , < input type = "submit " valor = nombre de " Login" = " submit " /> , crea un botón de entrada que el usuario haga clic en enviar los datos al software de procesamiento de formularios . el atributo " tipo de entrada" crea el botón , el atributo "value ", escribe el texto en el botón , y el atributo "name" identifica el botón para el software de procesamiento de formularios . <br> 4 <p> Cree el TableType la etiqueta de inicio <table> después de la forma de acción < = " # " > etiqueta de inicio . Haga clic en" entrar "por lo que está en su propia línea. golpeó" tecla de entrada "de nuevo y escriba el <tr> principio tag.Type la etiqueta de inicio <td> frente a la < b > Nombre de usuario : < /b > Escriba la secuencia < /td > etiqueta de cierre después de la < /b > etiqueta final que sigue Usuario: . . la nueva línea tendrá este aspecto : <td> <b> Nombre de usuario: < /b > < /td > Tipo de la etiqueta de inicio <td> frente al <input type="text" name="username" size="40" /> etiqueta y el < ;/td > tag al final Elimine la <br /> nueva línea tag.The se verá así : . <td> < input type = tamaño "username" = "text" name = " 40 " /> < /td > Pulse la tecla Intro y escriba lo < /tr > fin tag.Type la etiqueta <tr> inicio y éxito enter.Surround la siguiente línea como lo hizo antes con los pares de <td> </td> etiquetas como se muestra a continuación , asegurándose de eliminar la etiqueta <br /> : <tr> <td> <b> Contraseña: < /b > < /td > <td> ; . <input type="text" name="password" size="40" /> < /td > < /tr > Pulse la tecla Intro y escriba una nueva etiqueta de inicio <tr> Escriba el siguiente comenzando etiqueta <td> con el atributo siguiente antes de la <input type="submit" value="Login" name="submit" /> tag: Links: Tipo colspan="2"> la < /td > etiqueta de cierre después de la <input type="submit" value="Login" name="submit" /> tag . Presione enter y escriba el < /tr > etiqueta de cierre . pulsa enter otra vez y escriba el < /table> , como se muestra en la tabla HTML diagram.EXPLANATIONAn es una manera muy fácil de estructurar un formulario. para crear una tabla , primero necesita el <table> < /table> . Dentro del <table> < /TABLE>, son <tr> < /tr > o etiquetas de fila de la tabla , que crean las filas de la tabla , y <td> </td> etiquetas de datos de tabla , que crean las células individuales del mesa. las columnas de la tabla se determinan por el número de <td> < /td > etiquetas que se encuentran entre cada <tr> < /tr > tag . cada fila requiere por lo menos 1 set de <td> < /td > tags.In la última <td> tag inicio ponemos un atributo en la etiqueta , lo que le da la etiqueta de una instrucción especial . en este caso, los estados de atributo colspan que la célula , creada por el <td> ; < /td > es ocupar 2 columnas , porque lo ponemos igual a 2 <br> 5 <p> Guardar y cargar el archivo usted debe haber notado un ligero cambio en los cuadros de texto que debería. . estar perfectamente alineados entre sí como se muestra en la imagen . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/computer-programming-languages/88803.html' >Cómo cambiar el color de Fieldset </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/computer-programming-languages/88805.html' >Cómo corregir un error de sintaxis </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88603.html" title="Cómo crear un folleto Envía HTML de Salon " target="_self">Cómo crear un folleto Envía HTML de Salon </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87505.html" title="Cómo hacer Fronteras Gráfico " target="_self">Cómo hacer Fronteras Gráfico </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87646.html" title="Cómo declarar rutas UNC con variables " target="_self">Cómo declarar rutas UNC con variables </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86833.html" title="Cómo llamar a un bloque sin un diseño de Magento " target="_self">Cómo llamar a un bloque sin un diseño de Magento </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87084.html" title="Cómo conectar TextBox a BindingNavigator " target="_self">Cómo conectar TextBox a BindingNavigator </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88870.html" title="Cómo crear negrita y cursiva texto mediante programación HTML " target="_self">Cómo crear negrita y cursiva texto mediante programaci…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88809.html" title="Cómo arreglar un bucle infinito " target="_self">Cómo arreglar un bucle infinito </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87992.html" title="Cómo desmontar Setup.exe " target="_self">Cómo desmontar Setup.exe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86540.html" title="Cómo cambiar la anchura en Qbasic " target="_self">Cómo cambiar la anchura en Qbasic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87560.html" title="Diferencia entre recursividad y la iteración " target="_self">Diferencia entre recursividad y la iteración </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95616.html" title="Cómo crear una aplicación Email " target="_self">Cómo crear una aplicación Email </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96022.html" title="Cómo insertar texto en un documento de Word en VBA " target="_self">Cómo insertar texto en un documento de Word en VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86408.html" title="Las ventajas de usar la generalización en UML Modelado " target="_self">Las ventajas de usar la generalización en UML Modelado…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92048.html" title="Cómo crear un espacio en el código PHP " target="_self">Cómo crear un espacio en el código PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90997.html" title="Cómo escribir una Div. De JavaScript " target="_self">Cómo escribir una Div. De JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/perl-programming/93218.html" title="Cómo encontrar caracteres chinos utilizando expresiones regulares en Perl " target="_self">Cómo encontrar caracteres chinos utilizando expresione…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94457.html" title="Cómo hacer un botón de radio predeterminado en Visual Basic " target="_self">Cómo hacer un botón de radio predeterminado en Visual…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/86041.html" title="Cómo utilizar matrices en Turbo C + + " target="_self">Cómo utilizar matrices en Turbo C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94540.html" title="Cómo hacer de arranque de Visual Basic ( VB ) " target="_self">Cómo hacer de arranque de Visual Basic ( VB ) </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92491.html" title="Cómo hacer un PHP Redirigir página " target="_self">Cómo hacer un PHP Redirigir página </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
