Вы находитесь на странице: 1из 4

HTML, siglas de HyperText Markup Language (lenguaje de marcas de hipertexto)

Navegar por internet es sin lugar a dudas una actividad de todos los das,
desde el Ordenador, en cualquier lugar contando con un Ordenador Porttil
e inclusive contando con Dispositivos Porttiles como lo son los Telfonos
Mviles, y es por ello que en esta ocasin traemos un concepto que si bien
es utilizado en el momento de realizar esta tarea, pocsas veces lo podemos
describir a fondo o definir concretamente de qu se trata

El lenguaje en el cual se realiza la Navegacin Web lleva las siglas en el


idioma ingls de HTML (es decit, Hyper Text Markup Language) que en
nuestro idioma significa Lenguaje de Marcado de Hipertexto, siendo
empleado para la creacin, el diseo y el desarrollo de las pginas web que
visitamos cotidianamente, y como su nombre lo indica, est basado en la
forma en la cual creamos las marcas o sealadores para los Enlaces o
Hipertextos.
La utilizacin de los Marcados de Hipertexto es una analoga a la utilizacin
de Marcadores o Etiquetas, que forman parte de la Pgina o Documento
Web que estemos utilizando, las cuales son interpretadas y mostradas por el
Navegador Web (es decir, la aplicacin que estamos utilizando para poder
abrir y visualizar este Sitio Web)
Este programa es el que se encarga de ejecutar e interpretar todas las
funciones que hayan sido creadas utilizando el Lenguaje HTML, permitiendo
entonces una lectura de esta direccin remota y hacindola visible en el
ordenador, utilizando el protocolo HTTP para la transferencia de los Datos y
la generacin de esta informacin.
La creacin de un archivo utilizando el Formato HTML no requiere de contar
con una aplicacin compleja o especfica, sino que simplemente se debe
contar con un Texto Plano, como el que podemos utilizar en cualquier editor
de texto, aunque preferentemente se suele disear estos sitios web
utilizando el Bloc de Notas que se incluye en el Microsoft Windows.
Este lenguaje tiene la ventaja de poder crear distintos vnculos o enlaces
dentro del documento que estemos creando (es decir, el texto en s) como
tambin aplicar Marcadores para una referencia en particular, pudiendo
posteriormente acceder a estas posiciones o hacia otros documentos a
travs de la utilizacin de Hiperenlaces, sumado adems a la interaccin
con Contenidos Multimedia tales como imgenes y sonidos, todo en forma
simple y utilizando referencias bsicas.
La forma de escritura del lenguaje de Marcado est basada en la utilizacin
de Etiquetas que son reconocidas en el Cdigo HTML por la utilizacin de
corchetes (es decir, los simbolos > <) que utilizan referencias con un

lenguaje especfico, que son interpretados por el Navegador Web que


estemos utilizando.

Cdigos HTML bsicos[editar]

Un ejemplo de cdigo HTML con coloreado de sintaxis.

<html> : define el inicio del documento HTML, le indica al navegador que lo que

viene a continuacin debe ser interpretado como cdigo HTML. Esto es as de facto,
ya que en teora lo que define el tipo de documento es elDOCTYPE, que significa la
palabra justo tras DOCTYPE el tag de raz.

<script> : incrusta un script en una web, o llama a uno mediante src="url del
script" . Se recomienda incluir eltipo MIME en el atributo type , en el caso

de JavaScript text/javascript .

<head> : define la cabecera del documento HTML; esta cabecera suele contener

informacin sobre el documento que no se muestra directamente al usuario como, por


ejemplo, el ttulo de la ventana del navegador. Dentro de la cabecera <head> es
posible encontrar:

<title> : define el ttulo de la pgina. Por lo general, el ttulo aparece en la

barra de ttulo encima de la ventana.

<link> : para vincular el sitio a hojas de estilo o iconos. Por

ejemplo: <link rel="stylesheet" href="/style.css"


type="text/css"> .

<style> : para colocar el estilo interno de la pgina; ya sea usando CSS u

otros lenguajes similares. No es necesario colocarlo si se va a vincular a un


archivo externo usando la etiqueta <link> .

<meta> : para metadatos como la autora o la licencia, incluso para indicar

parmetros http (mediante http-equiv="" ) cuando no se pueden modificar por


no estar disponible la configuracin o por dificultades con server-side scripting.

<body> : define el contenido principal o cuerpo del documento. Esta es la parte del

documento html que se muestra en el navegador; dentro de esta etiqueta pueden


definirse propiedades comunes a toda la pgina, como color de fondo y mrgenes.
Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuacin
se indican algunas a modo de ejemplo:

<h1> a <h6> : encabezados o ttulos del documento con diferente

relevancia.

<table> : define una tabla.

<tr> : fila de una tabla.

<td> : celda de una tabla (debe estar dentro de una fila).


<a> : hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el

parmetro de pasada por medio del atributo href. Por


ejemplo: <a href="http://www.example.com" title="Ejemplo"
target="_blank" tabindex="1">Ejemplo</a> se representa como Ejemplo).

<div> : divisin de la pgina. Se recomienda, junto con css, en vez

de <table> cuando se desea alinear contenido.

<img> : imagen. Requiere del atributo src, que indica la ruta en la que se

encuentra la imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" /> .


Es conveniente, por accesibilidad, poner un atributo alt="texto
alternativo" .

<li><ol><ul> : etiquetas para listas.

<b> : texto en negrita (etiqueta desaprobada. Se recomienda usar la

etiqueta <strong> ).

<i> : texto en cursiva (etiqueta desaprobada. Se recomienda usar la

etiqueta <em> ).

<s> : texto tachado (etiqueta desaprobada. Se recomienda usar la

etiqueta <del> ).

<u> : Antes texto subrayado. A partir de HTML 5 define porciones de texto

diferenciadas o destacadas del resto, para indicar correcciones por ejemplo.


(etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)13 14
La mayora de etiquetas deben cerrarse como se abren, pero con una barra (/) tal como
se muestra en los siguientes ejemplos:

<table><tr><td>Contenido de una celda</td></tr></table> .

<script>Cdigo de un script integrado en la pgina</script>

Вам также может понравиться