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

Qu es HTML?

HTML,
sigla
en
ingls
de HyperText
Markup
Language (lenguaje de marcas de hipertexto), hace referencia
al lenguaje de marcado para la elaboracin de pginas web. Es
un estndar que sirve de referencia del software que conecta
con la elaboracin de pginas web en sus diferentes versiones,
define una estructura bsica y un cdigo (denominado cdigo
HTML) para la definicin de contenido de una pgina web, como
texto, imgenes, videos, juegos, entre otros.
Es el lenguaje que se emplea para el desarrollo de pginas de
internet. Est compuesto por una sere de etiquetas que el navegador interpreta y da forma en la pantalla. HTML
dispone de etiquetas para imgenes, hipervnculos que nos permiten dirigirnos a otras pginas, saltos de lnea, listas,
tablas, etc.

ETIQUETAS
Una etiqueta o marca HTML es un cdigo que se incluye en los archivos creados con el lenguaje HTML para
estructurar, aadir significado o formato al contenido a una pgina web. Son fragmentos de texto rodeados por
corchetes angulares < >, que tienen funciones y usos especficos y se utilizan para escribir cdigo HTML.
Las etiquetas o tags son la forma de escribir cdigo HTML.
En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>.
Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal.
HTML tiene definidas gran variedad de etiquetas para distintos usos.
Algunos ejemplos de etiquetas son:
Etiquetas con
etiqueta de cierre
Apertura Cierre
<html>
<head>
<body>
<p>

</html>
</head>
</body>
</p>

La etiqueta de apertura y la de cierre son las misma con la nica diferencia de la diagonal "/" , es necesario la
etiqueta de cierre para limitar el campo de accin de la etiqueta, por ejemplo a etiqueta <p> nos indica el inicio
de un prrafo de texto y una vez que se escribe la etiqueta de apertura el navegador tomar como prrafo
todo el texto que se encuentre despus de dicha etiqueta hasta toparse con la etiqueta de cierre </p> y as
con las dems etiquetas segn la funcin de cada una, la mayora de las etiquetas de HTML son etiquetas de
este tipo.
Etiquetas sin
etiqueta de cierre
Etiqueta
<br>
<img>
<hr>
<input>

Estructura bsica de una pgina web en HTML


<html>
<head></head>
<body>
</body>

</html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que est en medio ser la pgina web. Dentro
de <html></html> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la pgina. Aqu irn cierta informacin que no es directamente el contenido de la pgina.
Aqu se pone el ttulo de la pgina, los metadatos, estilos, cdigo javascript (todo esto se estudiar en captulos venideros). La primera
que se suele estudiar es <title></title>, que indica el ttulo de la pgina (lo que el navegador pone en la parte superior izquierda).
La segunda parte es <body></body>. Aqu va propiamente el contenido de la pgina: fotos, prrafos, formularios, etc. Por ejemplo,
siguiendo con el ejemplo de la pgina anterior, el siguiente cdigo generar el siguiente resultado (abre la pgina en otra ventana, dale
al botn derecho => ver cdigo fuente, y vers as el cdigo HTML de la pgina):

<html>
<head>
<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>

Observad el ttulo en la parte superior izquierda de la pgina. Adems, dentro de <body></body> distinguimos varias etiquetas:
<br> => Indica salto de lnea. En HTML un salto de lnea normal (plsando la tecla Enter) no produce un salto de lnea en el resultado.
Es necesario escribir <br> (u otra etiqueta similar).
<b></b> => Indica comienzo y fin de negrita.
<i></b> => Itlica.
Tambin observamos el cdigo &iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "". Esto se explicar en un
captulo posterior.
Es importante mencionar que las etiquetas se pueden escribir indistintamente en maysculas o minsculas, es decir <b>Esto es
negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la
etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el smbolo /), si no, el navegador podra dar resultados
inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>.

Etiquetas bsicas de HTML


<HTML> </HTML>
Delimita y engloba toda la pgina web, que consta de cabecera y cuerpo.
<HEAD> </HEAD>
Delimita y engloba la cabecera de una pgina, que contiene un conjunto de informaciones que no se muestran
en la ventana, entre ellas el ttulo de la pgina, pero que pueden ayudar a los navegadores y a los buscadores
para interpretar o a encontrar correctamente la pgina.
<TITLE> </TITLE>
Dentro de la cabecera (HEAD), lo que se incluye aqu se muestra en la barra del ttulo de la ventana del
navegador.
<BODY> </BODY>
Delimita y engloba el cuerpo de la pgina, que son el conjunto de informaciones (texto e imgenes) que se
muestran en la pgina, as como las indicaciones de cmo deben mostrarse.
Admite atributos
<FONT >
Indicacin expresa del tipo de letra a usar.
<FONT COLOR=" ">
Indicacin expresa el color de letra a utilizar.
<FONT SIZE="+9">
Indicacin expresa del tipo de letra a usar, en este caso el tamao
<H1> ... </H1> o <H2> ... </H2> (hasta 6)
Prrafos que son encabezamientos (con distintos niveles).
<P align="Left">
El atributo align permite alinear el texto del prrafo. Se puede aplicar igual a las etiquetas <H1>, <H2>, etc ...
<HR>
Pone una linea horizontal de separacin. (admite atributos)

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