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.


 

                                       
Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Estructura y comandos básicos de un programa en JavaScript

Todo programa en JavaScript ha de seguir una serie de pautas antes de poder ejecutarse. Para explicar lo mas esencial de este lenguaje de programación empezaremos por un programa de lo más sencillo y lo explicaremos línea por línea. El programa que viene a continuación no es muy útil, pero irá bien para introducirse en este lenguaje: <Script language="javascript"> docmument.write("hello world"); </Script> Y ahora expliquémoslo: <Script language="javascript"> Esta primera línea lo único que marca es que, dentro de una página hecha en HTML vamos a insertar un código en JavaScript. docmument.write="hello world"; La segunda es el primero comando en JavaScript que veremos document.write. La función es simplemente la de mostrar un texto o una variable en pantalla. Si lo que queremos mostrar es un texto tendremos que poner las comillas (" ") en cambio no hacen falta si lo que queremos es mostrar una variable....
2 comentarios
Leer más

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...
1 comentario
Leer más

Conceptos básicos sobre PHP

Ahora que ya sabemos un poco de HTML y Javascript es hora de introducir unos conceptos básicos sobre PHP. Primero de todo veremos (tal y como hicimos con javascript) un "hola mundo", pero esta vez en PHP. Para introducir un código en PHP dentro de nuestra web lo haremos entre los signos <?php para la apertura del código y ?> para indicar que es el fin, como si de una etiqueda de HTML se tratase. Aquí tenemos un ejemplo más claro de cómo se hace esto: <html> <head></head> <body> <?php echo "Hola mundo"; ?> </body> </html> Realmente no es un código que nos vaya a ser útil todavía, pero podemos ver como, dentro de la estructura de HTML instertamos el código en PHP. El resultado de ejecutar el código anterior simplemente seria una pagina web en la que pondría: Hola mundo El  comando echo  simplemente imprime por pantalla lo que haya a continuacion, que no se diferenciaría en nada de hacer lo sigu...
1 comentario
Leer más