Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Contenido de Diseño y Desarrollo Web

    Cargado por

    katy Bajaña
    5 vistas13 páginas
    MATERIAL PARA DAR CLASES EN EL PRIMER QUIMESTRE

    Título original

    CONTENIDO DE DISEÑO Y DESARROLLO WEB

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    MATERIAL PARA DAR CLASES EN EL PRIMER QUIMESTRE

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas13 páginas

    Contenido de Diseño y Desarrollo Web

    Cargado por

    katy Bajaña
    MATERIAL PARA DAR CLASES EN EL PRIMER QUIMESTRE

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 13

    • El HTML fue desarrollado originalmente por Tim

    Bernes-Lee pero debido al rápido crecimiento de la


    web, surgió la necesidad de crear un estándar para
    que tanto los programadores como los navegadores
    pudieran basarse en unas mismas normas para
    escribir HTML.
    • Cada versión de HTML establece unas normas
    respecto a cuáles son las etiquetas válidas y cómo se
    deben escribir.
    • Los estándares oficiales HTML son el HTML
    2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y
    el HTML 5. El HTLM 5 es la última
    especificación oficial y se espera que continúe
    evolucionando a lo largo de los próximos años.
    El XHTML, una forma más avanzada del HTML
    que se suponía iba a sustituir a éste, podemos
    considerar que ha quedado integrado dentro
    del HTML 5.
    • La siguiente tabla resume la evolución de
    HTML:
    ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML
    <!DOCTYPE html>
    <head>
    <meta charset="utf-8">
    <title>Ejemplo de 2 párrafos</title>
    </head>
    <body>
    <p>Esto es un párrafo.</p>
    <p>Esto es otro párrafo.</p>
    </body>
    </html>
    DIRECTIVAS Y ATRIBUTOS
    Las directivas de HTML pueden ser de dos tipos, cerradas o abiertas. Las
    directivas cerradas son aquellas que tienen una palabra clave que indica el
    principio de la directiva y otra que indica el final. Entre la directiva inicial y la
    final se pueden encontrar otras directivas. Las directivas abiertas constan de
    una sola palabra clave. Para diferenciar las directivas del resto del texto del
    documento se encierran entre los símbolos < y >. Las directivas cerradas
    incluyen el carácter / antes de la palabra clave para indicar el final de la
    misma. Una directiva puede contener "parámetros". Estos parámetros se
    indican a continuación de la palabra clave de la directiva. Ejemplos:
    • Directiva cerrada
    <CENTER> Mi página Web </CENTER>
    • Directiva abierta
    <HR>
    • Directiva con parámetros
    <BODY bgcolor="#FFFFFF"> </BODY>
    Comentarios HTML
    Los comentarios en HTML son muy fáciles de poner. Es
    como una etiqueta que tiene un inicio y un fin. Todo el
    texto que pongas dentro está comentado, es decir, no
    aparecerá en la página.
    El comentario empieza por <!-- y finaliza por --> Todo lo
    que pongas entre esas etiquetas está comentado
    ANALIZANDO LA ESTRUCTURA BÁSICA HTML
    <!DOCTYPE html>
    <head>
    <meta charset="utf-8">
    <title>Ejemplo de 2 párrafos</title>
    </head>
    <body>
    <p>Esto es un párrafo.</p>
    <p>Esto es otro párrafo.</p>
    </body>
    </html>
    <!DOCTYPE HTML>
    • En la primera línea. Esta es la forma de indicar al
    navegador donde se visualice el documento que este
    está escrito en la versión HTML5.

    <HTML>
    Representan al elemento raíz ("html") que en todo
    documento HTML hay que escribir.
    <HEAD >
    En el documento HTML hay una primera sección donde
    se especificarán todos los metadatos del documento, es
    decir, la parte «que no se ve» directamente en el
    navegador de forma visual.

    <TITLE>
    Entre <head> y </head> se pueden escribir otros
    elementos. Por ejemplo, el elemento "title", el cual
    sirve para indicar el título del documento.
    <META CHARSET="UTF-8">
    • Así, se indica la codificación de caracteres del
    documento, en esta ocasión UTF-8 (8-bit Unicode
    Transformation Format.

    <BODY>
    El elemento "body" alberga todo el contenido
    (párrafos, imágenes, vídeos...) del documento, los
    cuales se mostrarán en el navegador.
    ESPACIOS EN BLANCO
    Por defecto, el HTML ignora los espacios en blanco “sobrantes”,
    que en este caso son todos los que no son el espacio en blanco
    que separa las palabras. Para que lo entiendas, te pongo un
    ejemplo. Si escribes en HTML este texto:
    Hola,
    me llamo
    William Penguin

    En la web se verá así:

    Hola, me llamo William Penguin

    Porque el HTML no reconoce esos saltos de línea. Para que lo haga es necesario usar otras
    etiquetas:
    SALTO DE LÍNEA
    La etiqueta <BR> es una etiqueta vacía, es decir, no hace falta
    poner una etiqueta de apertura y otra de cierre. El equivalente a
    esta etiqueta es pulsar el Intro (o Enter) al estar escribiendo, se
    inserta un salto de línea. De este modo, el texto anterior
    quedaría como:
    Hola, <br>
    me llamo <br>
    William Penguin
    Otra forma de meter saltos de línea, quizás más elegante, es encerrar el párrafo entre las
    etiquetas <p> y </p>. Tendríamos algo así:

    <p>Este es un ejemplo de párrafo que usa la etiqueta que acabamos de presentar.</p>

    <p>Este párrafo quedaría separado del anterior por un salto de linea.</p>


    En otras ocasiones puede ser cansado maquetar un texto
    en HTML y quieres que el texto que introduces en la web
    mantenga el formato de espacios en blanco con el que lo
    has escrito. Para eso están las etiquetas <PRE> y </PRE>.
    Solo tienes que introducir el texto entre esas dos
    etiquetas parra que el formato se respete. Ejemplo:
    <pre>
    Hola,
    me llamo
    William Penguin
    </pre>

    También podría gustarte