Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    David Secades
    99 views12 pages
    hola

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    hola

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    99 views12 pages

    HTML

    Uploaded by

    David Secades
    hola

    Copyright:

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

    HTML: Nociones Básicas

    David Secades Calvo


    Introducción
    HTML es un lenguaje de programación
    (HyperText Markup Language) utilizado para
    crear páginas web. Emplea “tags” o etiquetas
    para indicarle al programa qué mostrar.
    Estas etiquetas se recogen entre los símbolos
    “<“ y “>”. Normalmente existen 2 etiquetas: la
    de inicio “<p>”, por ejemplo, y la de cierre
    “</p>”. La mayoría siguen esta estructura.
    Elementos básicos

    <!DOCTYPE html> //se encarga de indicar al


    navegador en qué lenguaje está escrito. Es
    siempre la primera línea de código
    <html></html> // se introduce todo el código
    entre ambas tags.
    Tipos de párrafos:
    -Encabezado: <head></head> mostrar al información clave de la
    página como keywords y el título con con <title></title> de la
    siguiente forma:

    -Cuerpo: <body></body> dentro de esta tag se introduce toda la


    información.
    Encabezados secundarios y párrafos
    -Encabezados secundarios: <h1></h1> <h2></h2>…<h6></h6>
    Introduce los títulos. Puedes introducir hasta 6 distintos.
    -Párrafo: <p></p> Lugar donde se escribe toda la información.
    Imágenes / video
    -Imágenes: <img> Se utiliza para añadir imágenes, como su
    propio nombre indica. “src=“ se usa para indicar la dirección
    de la imagen, “alt=“para la descripción y los otros dos para las
    dimensiones (en píxeles). Nunca se cierra esta tag con </img>

    -Video:<video><video> Se usa para mostrar video. Es igual que


    img pero la función alt se coloca como texto normal entre las
    tags.
    Lista de elementos no ordenada
    Primero debemos crear una lista con el tag <ul></ul>. Cada
    elemento que deseemos añadir lo haremos entre las tags <li>
    y </li>. Si usas la tag <ol> en vez de <ul> mostrará una lista
    ordenada.
    Tabla
    1.- Primero declaramos la tabla con <table></table>.
    2.- Después debemos indicar el encabezado y el cuerpo.
    3.- Para añadir filas usamos(<tr></tr>) y columnas(se añaden
    como divisiones de cada fila, <th></th>).
    Estilo
    -Negrita: Se introduce el texto entre <b></b>.

    -Itálica: Entre <i></i>.

    -Subrayado: Entre <u></u>.


    Comentario
    -Un comentario es un texto que no aparece la
    página web. Se escribe entre <!-- …-->, siendo
    “…” el texto a añadir.
    Extra
    -<div></div> se usa para separar y ordenar el código para que
    esa más fácil de leer.

    -<a href=“…”></a> se utiliza para crear hipervínculos

    You might also like