Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML

    Transféré par

    api-19846552
    57 vues18 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é
    57 vues18 pages

    HTML

    Transféré par

    api-19846552

    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 18

    HTML 4.

    Front Page Semana 1


    Objetivos
     Conocer las generalidades de HTML y
    las etiquetas mas comunes del
    lenguaje.
     Aprender la manera de trabajar con
    archivos HTML dentro de un entorno
    Windows.
    Historia
     HTML, que significa Lenguaje de
    Marcado de Hiper Texto (Hyper Text
    Markup Language), nació en 1989,
    gracias a Tim Berners-Lee.
     HTML es un formato de texto que nos
    permite crear páginas Web.
     Es el lenguaje para crear páginas más
    popular de Internet.
    Detalles de HTML
     El código HTML se divide en dos tipos
    de elementos:
     Etiquetas, que son el texto encerrado
    entre signos de < y >.
     Contenido, que no se encuentra
    encerrado entre < y >.
     Las etiquetas le dicen al navegador
    como es que se ha de mostrar el
    contenido.
    Primer Archivo HTML
    <html>
    <head>
    <title>Mi primera pagina</title>
    </head>
    <body>
    <h1>Mi primera pagina</h1>
    <p>Desde HTML</p>
    </body>
    </html>
    Escribir y probar el archivo
     Abra el bloc de notas.
     Dentro del bloc de notas escriba el
    texto de la diapositiva anterior.
     Haga clic en Archivo > Guardar
    como…
     En el cuadro Nombre escriba
    “primera.htm”, incluyendo las
    comillas.
     Guarde el archivo.
    Escribir y probar el archivo
    Escribir y Probar el Archivo
     Desde el explorador de archivos
    busque el archivo primera o
    primera.htm.
     De un doble clic sobre el archivo.
     Deberá de aparecer una pantalla
    similar a la siguiente.
    Escribir y probar el archivo
    Estructura de un documento
     Los documentos HTML están
    formados por las siguientes partes:
     HTML. Es la etiqueta dentro de la que
    están todas las demás.
     HEAD. Define la cabecera y en ella hay
    información del documento.
     BODY. El cuerpo del documento esta
    dentro de la etiqueta. En ella esta el
    contenido mismo del documento.
    Escribiendo Etiquetas
     La mayoria de las etiquetas empiezan
    con <ETIQUETA> y terminan con
    </ETIQUETA>.
     Ejm: <HEAD>…</HEAD>
     Estas estructuras se conocen como
    estructuras de apertura y cierre, en
    medio de ellas va el contenido.
     Si una etiqueta no tiene contenido se
    usa solamente <ETIQUETA />.
    Escribiendo Etiquetas
     Las etiquetas pueden tener atributos,
    estos se escriben dentro de los signos
    < y >, primero el nombre y luego el
    valor entre comillas:
     Ejm: <a
    href=“index.htm”>Contenido</a>
     Los atributos cambian el
    comportamiento de las etiquetas.
    Algunas Etiquetas
     <HTML> Encierra todo el documento.
     <HEAD> Encierra el encabezado.
     <TITLE> Define el titulo de la pagina.
     <BODY> Define el cuerpo del
    documento.
     <H1>, <H2> … <H7> Encabezados.
     <p> Párrafo.
    Segundo Ejemplo
    <HTML>
    <HEAD>
    <TITLE>Segundo Ejemplo</TITLE>
    </HEAD>
    <BODY>
    <h1 align=“center”>Segundo</h1>
    <a href=“primera.htm”>Enlace</a>
    </BODY>
    </HTML>
    Explicación del Segundo Ejemplo
     <h1 align=“center”> Pone un titulo
    centrado en el navegador.
     <a href > Crea un enlace a otra
    pagina, si se da clic en el debería de
    mandarnos a la página del primer
    ejemplo.
    Otras etiquetas
     <img src=“imagen.jpg” /> Agrega
    una imagen.
     <b> Pone el texto en negritas.
     <i> Pone el texto en cursivas.
     <u> Pone el texto subrayado.
     <p> Crea un párrafo.
    Ejercicio
     Crear dos paginas Web.
     Enlazarlas entre sí.
     Agregar texto e imágenes a las
    paginas.

    Vous aimerez peut-être aussi