Scribd Logo
Upload

Welcome to Scribd!

  • HTML Repaso Div

    Uploaded by

    Carlos Ramirez Calderon
    31 views5 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    31 views5 pages

    HTML Repaso Div

    Uploaded by

    Carlos Ramirez Calderon

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 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>
    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>

    You might also like