Ensayo

PAGINA HTML
Conceptos básicos de HTML
Ya que HTML es sencillo y a la vez esencial debemos dedicarle un tiempo (aunque tampoco demasiado) a aprender ciertos aspectos que realmente son los que usaremos usare este apartado simplemente para revisar los comandos de HTML más básicos y algunos aspectos a tener en cuenta, empezando por los aspectos a tener en cuenta.
• Primero: Para desarrollar htmlhace falta un editor de texto. (tal y como se ve en la imagen, el bloc de notas de windows ya va bien, pero cualquier editor de texto plano sirve).
• Segundo: La estructura básica de cualquier pagina hecha en html es la siguiente:

• Tercero (y ultimo): Casi todas las etiquetas van cerradas de la siguiente manera (aunque también puede verse en el ejemplo anterior):
< etiqueta >

Tags máscomunes en html
Como una segunda parte de la introducción a html pondré un listado de las etiquetas más comunes en html así como su función dentro de una página


: Sirve para pasar a la siguiente linea, sería el equivalente a la tecla "enter" en html. No necesita cierre.
, , , , , : Utilizados para confeccionar títulos, por ejemplo, un título importante irá entre las tags , un subtítulo entrelas tags y así sucesivamente. El resultado es el siguiente:


 
Primer título


y : Se usan para enfatizar un texto, el resultado es este:

Sin enfasis 
Con enfasis

: Utilizado sobretodo para poner enlaces a una misma pagina o a otras páginas. • La estructura es Texto a mostrar. • Si agregamos target="_blank" la ventana se abrirá en una nueva pagina: Texto a mostrar. • Tambiénpuede crearse un enlace a un correo electrónico con mailto: de la siguiente manera: Texto a mostrar
 

Código de ejemplo: Enlace a skytablog Resultado: Enlace a skytablog

: Utilizado para insertar imágenes. La estructura es . No necesita cierre.
 : Html no acepta más de un espacio en blanco seguido, si quieres poner más deberás usar   para poner los espacios que quieras.
Estas son lasetiquetas más necesarias dentro de una página web, seguramente mientras desarrolles la tuya necesites más, pero podrás conseguirlas simplemente consultando algún manual o buscándolas por internet.
Estructura básica de formularios en HTML
Los formularios son una parte esencial para crear páginas web dinámicas, pueden servirnos para crear chats, cuentas de usuario o cualquier cosa que se nosocurra siempre que usemos algún otro lenguaje (como php o bases de datos de MySql). Primero empecemos con la estructura esencial en un formulario:




En esta línea se nos presenta input y como parámetros type, name y size. Type nos indica lo que crearemos, en este caso text (un cuadro de texto). Name es importante más adelante para pedir la información del formulario. Size nos indica la cantidadde caracteres que se podrán visualizar, pero no indica el máximo que se podrán poner.



Finalmente aquí tenemos type="submit", éste sirve para definir el botón que servirá para el envío de la información a pag2.php tal y como hemos dicho antes. Value simplemente nos marca qué será lo que nos muestre el botón.
Formularios en HTML
Ahora que hemos visto la estructura más fácil de unformulario hecho en html empezaremos a ver todas las posibilidades que se nos brindan. Empecemos viendo los cuadros de texto que podemos insertar:





Aquí el texto


Aquí vemos tres tipos distintos de cuadros. El primero es el cuadro de texto que ya conocemos un post anterior al que podeis acceder clicando aquí. El segundo crea un campo de tipo password, lo que es muy útil cuando queremos hacerun formulario con usuario y contraseña por ejemplo ya que oculta los caracteres escritos. Finalmente tenemos un recuadro de tipo textarea, más apropiado para crear textos largos, en su interior vemos las propiedades rows y cols que sirven para marcar el número de filas y columnas respectivamente. El resultado:
 

Principio del formulario
Prueba a escribir en todos los campos para ver el...