Blog de Linux, Redes Cisco, Iron Maiden y algo de mi vida….

Recordando algo de HTML

Hoy les voy a publicar algo de etiquetas HTML, a modo de repaso (y aprendizaje, por que no?). Para los que no saben, HTML (HyperText Markup Language, en ingles), es, segun Wikipedia:

“HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de “etiquetas”, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.”

La estrucutura basica de un archivo HTML es algo asi:

<html>
<body>

<h1>Mi primer encabezado</h1>

<p>Mi primer párrafo</p>

</body>
</html>

Si nunca has trabajado con HTML, has la prueba, guarda lo anterior en un archivo de texto, guardalo con extension .html y abrelo con tu navegador favorito! Veras una sencilla pagina web, asi:

Lo unico que necesitas e Ubuntu es un editor de textos (gedit, o vi seran suficientes). Bueno, ahora pongo algunas etiquetas basicas, y su funcion (la mayoria de etiquetas, si no todas, deben ir cerradas, es decir, si usas, por ejemplo un <h1>, debes cerrarlo cuando ya no lo vayas a usar con un </h1>. En conclusion, para cerrar una etiqueta, ponle el signo / a la etiqueta):

<body> – Define el cuerpo del documento HTML. Digamos que todo lo que se muestra en una pagina web debe ir aqui

<html> – Define un documento HTML. Digamos que indica que el documento es un documento HTML

<h1> – (Puede ir hasta <h6>)  Define un encabezado (o titulo). Entre mas se acerque a 1 mas grande es.

<p> – Define un parrafo: Puedes ubicar el parrafo con algo asi <p align=”right”>Esto es texto</p>, cambiando right por la ubicacion que necesites (left, center, justify)

<img> – Define una imagen. Debes indicar donde esta la imagen,  algo como <img src=”tux.png” alt=”TUXX” />, donde alt es el texto que aparece si dejas el cursor sobre la imagen.Esta etiqueta es de las pocas que no debe cerrarse (salvo que este trabajando con XHTML, eso es otro tema)

<br> – Salto de linea

<a> – Define un hipervinculo. Para usarlo debemos indicar la ruta del hipervinculo, asi: <a href=”http://www.onoametal.wordpress.com”>Visita Somewhere Back in Linux!!!</a>, donde Visita somewhere Back in Linux!!! es el texto que lleva el hipervinculo.

Esto es solo un repaso, me encuentro aprendiendo XHTML y me pareció buena idea escribir algo sobre esto. Que bueno seria que algún lector (si es que tengo jejej) escribiera mas etiquetas en los comentarios, creo que podriamos llegar a algo interesante.

Up the Irons!

3 comentarios

  1. Nunca está demás el recordatorio, más que suficiente para los que usamos blogspot..

    Saludos y suerte.

    julio 25, 2009 en 12:11 am

  2. Fernanda

    Q ternurita🙂 HTML cuando todo era sencillo.. y luego se viene HTML xD con nuevos tags y otros descontinuados.

    julio 31, 2009 en 1:20 am

  3. Pingback: Recordando-algo-de-HTML : Sysmaya

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s