HTML

¡Hola de nuevo!
Como habéis podido leer en el titulo en esta ocasión vamos a hablar sobre HTML.


Para quienes no saben de que estoy hablando voy a comentar de que se trata y como funciona.
En primer lugar decir que HTML es un lenguaje de programación que se utiliza para desarrollar páginas web. Consiste en un conjunto de instrucciones a las que llamamos etiquetas que dan formato al texto y establece como y donde aparecerán los distintos elementos de la página. Y ahora vamos a ver lo básico sobre este lenguaje.
Podemos decir que un documento de este tipo tiene 3 partes:

  • La primera línea, que indica la versión utilizada.
  • La cabecera. Se abre con la etiqueta <head> y se cierra con </head>.
  • El cuerpo. Se abre con la etiqueta <body> y se cierra con </body>.
Y ahora vamos a ver una serie de etiquetas básicas:

  • <p>: el texto que le sigue es un nuevo párrafo.
  • <br>: indica un salto de línea sin cambiar de párrafo.
  • [<h1>,<h2>,<h3>,<h4>,<h5>,<h6>]: se utilizan para títulos o cabeceras de diferentes tamños, siendo el 1 el más grande y 6 el más pequeño.
  • Para establecer distintos tipos de letra utilizamos:
    • <b>: negrita.
    • <i>: itálica.
    • <big>: grande.
    • <small>: pequeña.
    • <sub>: subíndice /  <sup>: superíndice.
    • <u>: subrayado.
  • <hr>: traza una línea horizontal para separar bloques.
  • <pre>: el texto aparece en la pantalla tal y como lo escribimos en el documento.
Otra aplicación es la creación de listas y se crean de la siguiente manera:

  • <ol>: lista de objetos ordenados.
  • <ul>: lista no ordenada.
  • <li>: para incluir cada elemento.
También tenemos la opción de crear tablas con la etiqueta <table>:

  • <tr>: indica el comienzo de una fila.
  • En cuanto a las celdas pueden ser de dos tipos:
    • <th>: cabecera. Aparecen en negrita.
    • <td>: datos. Aparecen normal.
  • <caption>: para indicar el título de la tabla.

Vamos a pasar ahora a los hipervínculos:
Un hipervínculo es un enlace a un recurso web como puede ser una imagen o un vídeo.

  • <A>: sirve para definir un hiperenlace.
  • <A href="dirección de la página web">: para indicar un hiperenlace de una página a otra.
Para imágenes:

  • <img src="ubicación, nombre del archivo y extensión" alt="descripción">
  • Se puede indicar la anchura (width) y la altura (height) en píxeles.
Y con esto terminamos esta pequeña introducción a HTML. Como veis es más sencillo de lo que puede parecer en un principio así que os animo a todos a probar.
¡¡Hasta pronto!!

Comentarios

Publicar un comentario

Entradas populares