HTML Glosario - Codecademy Online Tutorials

4/9/2014 HTML Glosario | Codecademy Online Tutorials
http://www.codecademy.com/es/glossary/html#cabeza 1/5
Yo downarrow
HTML Glosario
Cabeza
Comentarios
Cuerpo
Divs
Encabezados
Etiquetas y elementos del
Formateo
Formato Semntica
Hipervnculos
HTML
Images
Links
Lists
Los saltos de lnea
Nios
Normas horizontales
Prrafos
Ttulo
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 ''
Sintaxis

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>
Read more
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
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>
Ensea al mundo a programar.
Codecademy Oportunidad laboral Blog
Aprend a programar
Un sitio web
Un sitio web interactivo
HTML & CSS
Javascript
jQuery
Python
Ruby
PHP
Otros programas
Escuelas
Historias
Ensear
Seguinos
Twitter
Facebook
Google+
Blog
Ayuda Poltica de privacidad Trminos
Hecho en NYC 2014 Codecademy
Espaol
downarrow

HTML Glosario - Codecademy Online Tutorials

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

HTML Glosario - Codecademy Online Tutorials

Caricato da

Copyright:

Formati disponibili

4/9/2014 HTML Glosario | Codecademy Online Tutorials

Potrebbero piacerti anche