Scribd Logo
Upload

Welcome to Scribd!

  • HTML BÁSICO Estructura PDF

    Uploaded by

    agus
    37 views17 pages

    Original Title

    HTML BÁSICO Estructura.pdf

    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

    Copyright:

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

    HTML BÁSICO Estructura PDF

    Uploaded by

    agus

    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.
    <html>apertura del archivo
    <head>
    Informacin tcnica para el
    Lenguaje
    <HTML>

    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> Como notarn en el cdigo HTML se
    <head> estableci dentro del <title> el nombre de
    <title>Ttulo de la pgina</title> la pgina, esto en el navegador se puede
    <body> notar en la pestaa (figura marcada en
    Contenido de la pgina.. rojo)
    </body>
    </head>
    </html>
    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> Los encabezados son importantes
    <body> 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.
    <h1>Este es el encabezado 1</h1> Es importante utilizar los encabezados para mostrar la
    <h2>Este es el encabezado 2</h2> estructura del documento.
    <h3>Este es el encabezado 3</h3> Los h1 deben ser encabezados principales, seguido de
    encabezados h2, h3 entonces el menos importante, y as
    <h4>Este es el encabezado 4</h4> sucesivamente.
    <h5>Este es el encabezado 5</h5>
    <h6>Este es el encabezado 6</h6>

    </body>
    </html>
    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