Ir al contenido principal

Tags más comunes 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
<br>: Sirve para pasar a la siguiente linea, sería el equivalente a la tecla "enter" en html. No necesita cierre.

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Utilizados para confeccionar títulos, por ejemplo, un título importante irá entre las tags <h1> </h1>, un subtítulo entre las tags <h2> </h2> y así sucesivamente. El resultado es el siguiente:


<h1>

Primer título

</h1>

<em> y <strong>: Se usan para enfatizar un texto, el resultado es este:

Sin enfasis
<strong>Con enfasis</strong>

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

Código de ejemplo: <a href="skytablog.blogspot.com">Enlace a skytablog</a> Resultado: Enlace a skytablog

<img>: Utilizado para insertar imágenes. La estructura es <img src="url de la imagen">. No necesita cierre.
&nbsp: Html no acepta más de un espacio en blanco seguido, si quieres poner más deberás usar &nbsp para poner los espacios que quieras.
Estas son las etiquetas 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.


 

                                       

Comentarios

Entradas populares de este blog

Estructura switch en JavaScript

La estructura switch nos sirve para cuando queremos que un programa haga algo muy concreto dependiendo del valor que tenga una variable. La estructura general es la siguiente:   switch ( variable ) { case X : comandos break; case Y : comandos break; case Z : comandos break; default: comandos break; } Y ahora veamos un ejemplo de un programa en el que podamos usar la estructura switch, por ejemplo, queremos que al insertar un número del 1 al 5 el programa nos lo escriba con letras: var numero; numero=prompt('Inserte un número del 1 al 5',''); numero=parseInt(numero); switch (numero) { case 1: alert('uno'); break; case 2: alert('dos'); break; case 3: alert('tres'); break; case 4: alert('cuatro'); break; case 5: alert('cinco'); break; default: alert('El número debe estar entre el 1 y el 5!'); break; } Lo que la estructura switch hace es comparar la variable numero con cada caso que nosot...

Primeros pasos para crear una pequeña web

Ahora que tenemos unos conocimientos basicos tanto de html como de javascript, podemos hacer una pequeña web con un proposito concreto. Haremos un ejemplo ficticio en el que hacemos una página para una protectora de animales, de forma que la gente podrá enviar solicitudes fácilmente para ayudar como voluntarios. Para diseñarla primero debemos seguir unos pasos: Definir el propósito de nuestra web: Esta pequeña web estará orientada a que la gente pueda contactar con nosotros fácilmente a la vez que demos la información necesaria de una forma clara. Definir cual sera el contenido: Contendrá una parte de información y un formulario de contacto. La información que proporcionaremos a los voluntarios potenciales será el lugar en el que pueden ayudar y los horarios de asistencia así como información sobre los trabajos que desarrollaran a lo largo de esas horas. En el formulario pediremos el nombre del voluntario, su edad y la experiencia. Decidir cómo la presentaremos: Ésta p...

Estructuras condicionales compuestas y anidadas en JavaScript

Una vez hemos aprendido cómo funcionan las estructuras condicionales simples es muy fácil aprender el funcionamiento de las estructuras condicionales compuestas. De nuevo, veamos un ejemplo de cómo es su estructura general: if (condición) { comandos }   else   {   comandos   } La primera parte de la estructura la conocemos ya, lo único que vemos de nuevo es else . Lo que else marca es que en caso de que no se cumpla la condición se ejecuten otra serie de comandos distinta. Veamos un ejemplo de cómo usarlo: Crea un programa en el que se inserten dos números y él elija cual es el mayor de los dos: var primero; var segundo; numero1=prompt('Inserta el primer numero',''); numero2=prompt('Inserta el segundo numero,''); if (numero1>numero2) { alert(numero1+" es mayor que "+numero2); } else { alert(numero2+" es mayor que "+numero1); } El programa nos dirá si el primer número es mayor que el segundo, en caso de que...