Scribd Logo
Upload

Welcome to Scribd!

  • HTML Básico Estructura

    Uploaded by

    fernandoarguello
    10 views17 pages
    HTML Básico Estructura

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML Básico Estructura

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views17 pages

    HTML Básico Estructura

    Uploaded by

    fernandoarguello
    HTML Básico Estructura

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 17

    Primera Parte

    Elaborado por Inst. Leticia Mendieta

    Sintaxis

    No hace falta ser expertos en programacin es


    tan simple que con slo aprender la
    estructura bsica ya podemos tener un
    pgina web lista...
    Un documento HTML se divide en dos partes
    fundamentales: el encabezamiento o
    cabecera(head) y el cuerpo(body) del
    documento.

    Lenguaje
    <HTML>

    <html>apertura del archivo


    <head>
    Informacin tcnica para el
    browser(navegador).

    </head>
    <body>
    Contenido que aparecer en la pgina web.

    </body>

    </html>cierre del archivo

    HEAD el encabezamiento,all se encuentra toda


    la informacin que necesita el navegador, el
    servidor de web y los motores de bsqueda. Se
    trata del primer elemento que lee el
    browser(navegador)
    Dentro de <HEAD></HEAD> se introduce el
    ttulo del documento y otros datos, el cual se lo
    llama metadatos.

    Los siguientes Etiquetas metadatos: <title>,


    <style>, <meta>, <link>, <script> y <base>.

    El html <title> dentro del head, define un


    ttulo en la pestaa del browser(navegador)
    Proporciona el ttulo de la pgina cuando se
    aade a los favoritos.
    Muestra el ttulo de la pgina en los motores
    de bsqueda.

    Veamos un ejemplo en el cdigo html.

    <html>
    <head>
    <title>Ttulo de la pgina</title>
    <body>
    Contenido de la pgina..
    </body>
    </head>
    </html>

    Como notarn en el cdigo HTML se


    estableci dentro del <title> el nombre de
    la pgina, esto en el navegador se puede
    notar en la pestaa (figura marcada en
    rojo)

    Los encabezados(no confundir con


    encabezamiento <head>) ,estos son etiquetas
    que definen ttulos ms importantantes dentro
    del <body>
    Veamos
    <h1> define el ttulo ms importante. <h6>
    define el ttulo menos importante.
    Ejemplo

    <html>
    <body>
    <h1>Este es el encabezado 1</h1>
    <h2>Este es el encabezado 2</h2>
    <h3>Este es el encabezado 3</h3>
    <h4>Este es el encabezado 4</h4>
    <h5>Este es el encabezado 5</h5>
    <h6>Este es el encabezado 6</h6>

    </body>
    </html>

    Los encabezados son importantes


    No utilice encabezados para que el texto GRANDE o negrita
    Los motores de bsqueda utilizan los encabezados para
    indexar la estructura y el contenido de sus pginas web.
    Es importante utilizar los encabezados para mostrar la
    estructura del documento.
    Los h1 deben ser encabezados principales, seguido de
    encabezados h2, h3 entonces el menos importante, y as
    sucesivamente.

    La <hr> etiqueta crea una lnea horizontal en


    una pgina HTML.
    El elemento hr se puede utilizar para separar
    el contenido
    La <p> etiqueta define un prrafo
    Veamos un ejemplo.

    <html>
    <body>
    <p>La etiqueta hr define reglas horizontales:</p>
    <hr>
    <p>Esto es un prrafo.</p>
    <hr>
    <p>Esto es otro prrafo.</p>
    <hr>
    <p>Esto es otro prrafo.</p>
    </body>
    </html>

    El HTML <br> elemento define un salto de


    lnea.

    Utilice <br> si desea un salto de lnea (una


    nueva lnea) sin necesidad de iniciar un nuevo
    prrafo

    <html>
    <body>
    <p>Esto es<br>un parra<br>fo con saltos de lneas</p>
    </body>
    </html>

    El HTML <pre> define el texto


    preformateado.

    El texto dentro de un elemento <pre> se


    muestra en una fuente de ancho fijo
    (generalmente Courier), y conserva los
    espacios y saltos de lnea
    Veamos un ejemplo

    <html>
    <body>
    <p>La etiqueta pre conserva los espacios y saltos de lneas</p>
    <pre>
    Esto es un ejemplo la etiqueta pre
    que conserva los saltos de lneas
    y los espacios de un texto.
    </pre>
    </body>
    </html>

    You might also like