Está en la página 1de 5

Cabeza

Etiqueta que rodea contenido que es invisible para el usuario, pero que es importante para
el navegador. Los elementos dentro de esta etiqueta contienen metadatos sobre la pgina
y los enlaces a las hojas de estilo, los scripts, etc.

Comentarios
Los comentarios de HTML a veces son usados en el cdigo para explicar partes del
marcado. Son parecidos a los comentarios en otros lenguajes. Los comentarios estn
precedidos de '<!--' y terminan con '-->'

Sintaxis
<!-- Este es un comentario HTML! -->

Cuerpo
El contenedor de todo el contenido de una pgina. Se encuentra despus de la etiqueta
<head>, dentro de la etiqueta general <html>.

Divs
Un contenedor a nivel de bloque (o 'divisin' de la pgina web) para el contenido sin
significado semntico.

Sintaxis
<div id='miID' class='miClase'>...</div>

Encabezados
Los elementos de encabezado, como <h1>, <h2>, <h3>, ... te permiten usar seis niveles
de encabezado del documento, que van del ms grande al ms pequeo, y dividen el
documento en secciones lgicas. Por ejemplo, la palabra 'Encabezados' en la parte
superior est rodeada por una etiqueta <h1>.

Sintaxis
<h1> Este es un encabezado! </h1>

Etiquetas y elementos del


Las etiquetas son componentes bsicos que definen y separan partes de tu marcado en
elementos. Se componen de una palabra reservada que est rodeada por parntesis
angulares <>. El contenido va en medio de dos etiquetas, y la etiqueta de cierre tiene como
prefijo una barra diagonal (Nota: existen algunas etiquetas HTML que se cierran a s
mismas, como las etiquetas de imgenes). Las etiquetas tambin contienen atributos, que
son

Sintaxis
<etiqueta atributo='valor'>contenido</palabra reservada en etiquetas>

Formateo
Las etiquetas que le aaden formato al texto, tal como negrilla, itlica y subrayado. stas
no son usadas muy a menudo, ya que no significan lo mismo que <strong> y <em>, y se
usan nicamente para efectos de presentacin.

Sintaxis
<b>negrilla</b>, <i>itlicas</i>, y <u>subrayado</u>.

Formato Semntica
Estas etiquetas son parecidas a las etiquetas de formato mencionadas anteriormente, las
cuales han cado en desuso. La diferencia es que esas etiquetas tienen valor semntico
(significado). <em> es usada para resaltar un elemento y <strong> es usada para marcar
un elemento como importante. Con ambas etiquetas anidadas puedes transmitir nivel de
nfasis o importancia. Entre ms veces anides el elemento dentro de s mismo, mayor ser
la magnitud del texto que contiene. Aqu, 'Advertencia' es ms importante que el mensaje.

Ejemplo
<p> <strong><strong>Advertencia:</strong>El cido puede causar
quemaduras graves</strong> </p>

Hipervnculos
Las etiquetas de ancla se usan para crear un hipervnculo o como un ancla que marca un
enlace dentro de la misma pgina al que nos podemos desplazar. El atributo ms comn
es href, que le dice al enlace a dnde ir.

Ejemplo
el siguiente texto tiene un <a href='someurl.com'>hipervnculo</a>

HTML
La etiqueta bsica que define un documento HTML.

Sintaxis
<html>El resto de tu pgina web va aqu!</html>

Images
La etiqueta img inserta una imagen en tu HTML. Siempre se encuentra con el atributo 'src',
que le dice al navegador dnde encontrar la imagen. Observa que la etiqueta img se cierra
a s misma, y puedes hacer referencia a fuentes locales o absolutas de la imagen (las
fuentes en la web comenzarn con 'http://').

Sintaxis
<img src='miimagenlocal.jpg'/>

Links
Los elementos de enlace son usados para conectar tu documento con un recurso
relacionado (algo muy distinto a los hipervnculos, que se muestran en la pgina web).
Estos enlaces solo aparecen en la seccin de un documento, de modo que no alteran el
contenido, solamente la presentacin. Los enlaces son comnmente usados para conectar
con una hoja de estilos, script, favicon, o un formato alternativo de la pgina, tal como un
canal RSS o PDF.

Ejemplo
<link type='text/css' rel='styles.css' />

Lists
Estas etiquetas son usadas en la creacin de listas. La etiqueta <ol> comienza una lista
ordenada (por lo general marcada por nmeros) y la etiqueta <ul> comienza una lista no
ordenada. Ambas etiquetas usan la etiqueta <li> para denotar cada tem de la lista.

Los saltos de lnea


Esta etiqueta es usada en un bloque de texto para forzar un salto de lnea. Se usa en
textos de un solo prrafo, pero donde es necesario el formato, tal como los poemas o las
direcciones. Para separar los prrafos, separa cada prrafo en un elemento <p> distinto. El
elemento resultante en una pgina web se ver as: Algn texto que ocupa dos lneas

Ejemplo
<p> Algn texto <br/> que ocupa dos lneas </p>

Nios
Un elemento que es descendiente inmediato de otro elemento, o que est anidado dentro
de otro elemento, se denomina elemento hijo. Estos elementos son tiles cuando se usan
en CSS selectores de hijos y pseudo-elementos. Por ejemplo, el elemento <li> es hijo del
elemento <ul>.

Ejemplo
<ul id='padre'><li id='hijo'></ul>

Normas horizontales
Por defecto, esta etiqueta crea una lnea negra de un pixel que va a lo ancho de su
contenedor, a esta tambin se le puede dar estilo con CSS. Por ejemplo, esto es una regla
entre el encabezado de la parte superior ("Reglas horizontales") y el texto explicativo que
comienza con "Por defecto...".

Ejemplo
Este texto tiene una regla <hr/> en medio de l

Prrafos
Una de las etiquetas ms comunes en HTML - denota un prrafo de texto. A menudo anida
otros elementos dentro de ella, tales como <img/>, <a>, <strong> y <em>.

Sintaxis
<p> Este es un texto de prrafo! </p>

Ttulo
Esta etiqueta le indica al navegador que debe mostrar el ttulo de la pgina en la parte
superior, adems de decirle a los motores de bsqueda cul es el ttulo de tu sitio. El ttulo
va en medio de las etiquetas <head>. Intenta hacer los ttulos de tu pgina descriptivos,
pero concisos.

Ejemplo
<title> Glosario de HTML </title>

También podría gustarte