Scribd Logo
Importer

Bienvenue sur Scribd !

  • Tema 2

    Transféré par

    Leah Valdez
    9 vues23 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PPT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    9 vues23 pages

    Tema 2

    Transféré par

    Leah Valdez

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 23

    Produccin Multimedia

    2. Lenguajes y herramientas de programacin para la Web

    2.1 HTML

    HTML HyperText Markup Language

    2.1 HTML

    Lenguaje de etiquetado para la creacin de pginas web Permite la creacin de documentos .htm y .html Los elementos HTML, conocidos como etiquetas, son marcados con parntesis angulares

    <html>

    2.1 HTML

    Las etiquetas vienen normalmente en pares, la primera indicando el inicio del elemento html y la segunda, caracterizada por una diagonal al inicio, indicando el cierre

    <html> </html>

    2.1 HTML

    Las etiquetas sirven para indicar las propiedades de cada elemento existente en la pgina Tales etiquetas son ledas por el navegador interpretadas para representarlas al usuario Las etiquetas nunca son visibles para el usuario. web e

    2.1 HTML
    ELEMENTOS BASICOS HTML DOCTYPE HTML HEAD TITLE BODY FONT IMG P BR A B I U

    2.1 HTML
    DOCTYPE Toda pgina web es inicializada con una declaracin de tipo de documento, esto para identificar rpidamente el tipo de sitio web por el navegador

    <!DOCTYPE html>

    2.1 HTML
    HTML Indica el inicio del cdigo web

    <html>
    Indica el fin del cdigo web

    </html>

    2.1 HTML
    HEAD Etiqueta para el encabezado de la pgina web, viene acompaada del ttulo de la pgina

    <head> <title> TITULO DE LA PAGINA </title> </head>

    2.1 HTML
    BODY Etiqueta para el cuerpo de la pgina web, es decir, el contenido del sitio web.

    <body>

    </body>

    2.1 HTML
    COLOR DE FONDO DE PAGINA

    <body bgcolor=#FF0000> </body>


    IMAGEN DE FONDO DE PAGINA

    <body background=C:\Desktop\image.jpg> </body>

    2.1 HTML
    FONT Etiqueta para ajustar los atributos de un cuerpo de texto

    <font>
    </font>
    Entre los atributos de texto se puede ajustar la fuente, tamao, Y color del texto.

    2.1 HTML
    FUENTE (FACE) Permite ajustar el tipo de letra, indicando el nombre completo de la fuente, por ejemplo:

    <font face= Arial> Hola </font> <font face= Times New Roman> Hola </font>

    2.1 HTML
    TAMAO (SIZE) Permite ajustar el tamao de letra, indicando el nmero de pixeles, por ejemplo:

    <font size= 12> Hola </font>

    2.1 HTML
    COLOR (COLOR)

    Permite ajustar el color de letra, indicando el cdigo hexadecimal que representa el color

    <font color= #FF0000> Hola </font>


    O el nombre simple del color

    <font color= red> Hola </font>

    2.1 HTML
    FONT

    Los ajustes de texto deben ir juntos

    <font face=Arial color= #FF0000 size=20>

    Hola </font>

    2.1 HTML
    IMG

    Permite aadir imgenes al bloque contenedor de la pgina web, indicando la ruta completa de la localizacin del archivo.

    <img src= C:\Desktop\image.jpg/> <img src= http://www.udlap.mx/img/1.jpg/>


    Para modificar el tamao de la imagen, pueden modificar tanto el ancho (width) como la altura (height), o ambos.

    <img src= C:\Desktop\image.jpg width=200 height=350/>

    2.1 HTML
    PARRAFO (P)

    Permite ajustar el texto en formato prrafo.

    <p> Hola, esta es una prueba </p>


    Para alinear el texto de un prrafo se aade el atributo align

    <p align=right> Alineado a la derecha </p> <p align=left> Alineado a la izquierda</p> <p align=center> Alineado centrado </p> <p align=justify> Alineado justificado </p>

    2.1 HTML
    SALTO DE LINEA (BR) Permite aadir un salto de lnea en un texto.

    Hola, <br /> esta es una prueba

    2.1 HTML
    ANCLA (A)

    Permite aadir un hipervnculo (enlace) a otra pgina web existente, o a un documento web disponible.

    Para descargar <a href= http://www.udlap.mx/descargas> da clic aqu </a>


    El texto dentro de la etiqueta ser el enlace.

    2.1 HTML
    NEGRITA (B)

    <b> Hola, esta es una prueba </b>


    CURSIVA (I)

    <i> Hola, esta es una prueba </i>


    SUBRAYADO (U)

    <u> Hola, esta es una prueba </u>

    2.1 HTML
    DISTRIBUCIN CON HTML USANDO TABLAS

    <TABLE> </TABLE>
    CREAR RENGLN

    <TR> </TR>
    CREAR CELDA

    <TD> Este es el contenido de la celda</TD>

    2.1 HTML
    DISTRIBUCIN CON HTML USANDO TABLAS

    ESTE DEL PARA

    ES USO

    UN DE ORGANIZAR

    EJEMPLO

    TABLAS
    PAGINAS

    Vous aimerez peut-être aussi