Los elementos mas usados en HTML

hola en este post te explicare cuales son los elementos mas usados en HTML, pero sobre todo como usar cada uno, para cuando los necesites ya sepas utilizarlos.

en el post anterior te explique como crear una pagina web, en si no hacia nada solo se creo el archivo .html, y las etiquetas mas usadas, esas etiquetas mas usadas eran sobre textos, para indicar texto en negrita, subrayado, parrafos, saltos de lineas,.

Etiqueta a href
el primer elemento sera un enlace, o mas conocidos como link, la sintaxis de este es la siguiente.

<a href="pagina que quieres abrir" target="_blank" >VER PAGINA </a>

lo que va entre comillas es la pagina que quieres abrir la cual debe de existir, puede ser una pagina que tu hubieses creado o una pagina de internet, despues va el texto que quieres mostrar, por ejemplo si hace esto en tu pantalla solo aparecera el texto Haz click para ir a la pagina y si pasas el puntero del mouse veras como en la barra inferior de la pantalla aparece el link que pusiste ese link el usuario no lo ve a simple vista, y dando un click te abrira la pagina.

intentalo, abre tu bloc de notas, indica la estructura basica de una pagina web, y veras que al dar click se te abrira la pagina que indicaste sobre la misma, pero si tu quieres que al dar click sobre el link se abra en otra pestaña, debes agregar el atributo target=”_blank”, con esto cuando des click veras como se abre tu pagina en una pestaña nueva.

hay varias cosas que puedes llamar al dar click en un enlace, tanto desde que se vaya alguna parte de tu pagina web, que llame una funcion javascript, que muestre un mensaje de alerta, etc, esto lo veremos mas adelante cuando entremos al tema de javascript.

Etiqueta IMG
Esta etiqueta sirve para mostrar imagenes su sintaxis es la siguiente

 <img src="ruta de la imagen" />

prueba y veras como se mostrara tu imagen.

Etiqueta input
esta etiqueta sirve para mostrar en pantalla una caja de texto y tiene la siguiente estructura

<input type="text" name="caja" name="caja" value="" required placeholder="algun mensaje" />

con input creas una caja de texto
el atributo type, es para indicar lo que se capturara en este ejemplo le estoy indicando que sera una caja de texto que podra recibir caracteres, hay varias tipos de input, ahora te los indico para que pruebes.
type= "number"
type= "date"
type= "password"
type= "submit"
type= "radio"
type= "checkbox"
type= "password"
type= "button"
type= "color"
type= "range"
type= "week"
type= "time"
type= "email"
type= "tel"
type= "url"

el atributi id y name sirven para identificar a tu campo, 
value es para mostrar una valor previamente definido,
required es para que cuando uses esto en un formulario te marque error si no lo has capturado, con esto indicas que es requerido
placeholder: es un mensaje que puede poner y al dar click sobre este desaparece el mensaje

etiqueta table
esta etiqueta sirve para crear tablas

 

<table >
<tr>
<td>celda 1</td>
<td>celda 2</td>

</tr>
<tr>
<td>celda 3</td>
<td>celda 4</td>

</tr>
</table>

inicia con la etiqueta table y cierras, la etiqueta tr sirve para crear la columa de la tabla y la etiqueta td sirve para crear la fila de la tabla,

pon en en practica todo esto que te comparto, has pruebas, crea todo en un mismo archivo si tienes dudas en algo deja tu comentario y con gusto te ayudare.

One Response

  1. Medford julio 24, 2016

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *