Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Mi Primer Página

    Cargado por

    Alehi Avelino
    4 vistas16 páginas
    Un documento describe los elementos básicos de una página web HTML, incluyendo las etiquetas <html>, <head>, <body> para estructurar la página, y cómo configurar el título, color de fondo, fuente y formato de texto en la cabecera y cuerpo. También explica cómo insertar imágenes, crear listas ordenadas y desordenadas, y agregar enlaces entre páginas.

    Descripción original:

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Un documento describe los elementos básicos de una página web HTML, incluyendo las etiquetas <html>, <head>, <body> para estructurar la página, y cómo configurar el título, color de fondo, fuente y formato de texto en la cabecera y cuerpo. También explica cómo insertar imágenes, crear listas ordenadas y desordenadas, y agregar enlaces entre páginas.

    Copyright:

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

    Mi Primer Página

    Cargado por

    Alehi Avelino
    Un documento describe los elementos básicos de una página web HTML, incluyendo las etiquetas <html>, <head>, <body> para estructurar la página, y cómo configurar el título, color de fondo, fuente y formato de texto en la cabecera y cuerpo. También explica cómo insertar imágenes, crear listas ordenadas y desordenadas, y agregar enlaces entre páginas.

    Copyright:

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

    Mi primer página

    Etiquetas HTML
    Primero
    O Una página web se compone de 3 apartados principales:
    O <html> // Indica el inicio
    O <head> // cabecera

    O </head>// cierre de la cabecera


    O <body>// cuerpo de la página

    O </body>cierre del cuerpo de la página


    O </html>cierre final de la página
    …
    O Nosotros podemos configurar tanto la cabecera como el
    cuerpo, en la cabecera se puede establecer un título que será el
    nombre que se le asigne a la pestaña de la página, y en el cuerpo
    se puede establecer el color de fondo o imagen de fondo.

    O Para el título ocupamos <title> Nombre</title>


    O Para un color de fondo:
    O <body bgcolor=“black”>

    O Para una imagen de fondo:


    O <body background=“imagen.jpg”>
    Se puede ver entonces así:
    Colores
    #r g b
    Formato de texto
    Formato de texto
    O FONT: Permite establecer el formato de texto
    O Tiene 3 atributos:
    O Face: Fuente
    O Size: Tamaño, va desde 1 el más pequeño hasta
    7 el más grande
    O Color: Establece el color del texto
    Ejemplo de Font
    O <font face="Comic Sans MS, Britannic Bold"
    size=7 color="green"> Probando
    fuente</font>

    O Esto mostrará la fuente Comic Sans MS, si no


    la encuentra Britannic Bold, con el mayor
    tamaño de letra y en color verde.
    Alineación
    O <p> Indica párrafo, el cual lo podemos alinear
    con align.

    O Derecha: right
    O Izquierda: left
    O Centrado: center
    Listas
    O Existen 2 tipos de listas:

    O Ordenadas <ol>

    O Desordenadas <ul>

    O Los items o bien lo que compone la lista se


    coloca con la etiqueta <li>
    Ordenadas y Desordenadas
    Insertar imágenes

    O Src= Ubicación y o nombre del archivo


    O Alt= Texto alternativo
    O Width= Ancho de la imagen
    O Height= Alto de la imagen
    Enlaces HTML
    O Mediante los enlaces en HTML podemos
    comunicar una página con otra

    _blank, el agente de usuario intentará abrir el enlace en una nueva ventana. La nueva
    ventana no tendrá nombre.
    _self, el agente de usuario intentará abrir el enlace en el mismo marco donde está en
    código actual.
    _parent, el agente de usuario intentará abrir el enlace en el frameset inmediatamente
    superior al que se encuentra la página. Esto suele suceder cuando tenemos el enlace en
    un área de frames.
    _top, el agente de usuario intentará abrir el enlace en la ventana padre. En el caso de
    que exista un frameset lo eliminará y se hará con toda la ventana.
    Vídeo
    Audio
    Faltan tablas…
    O Pero por hoy… creo que pueden jugar con las
    etiquetas mostradas.

    O Próxima clase se verá como insertar tablas, para


    ello investiguen con que etiqueta se genera una
    tabla, con cual se le coloca nombre a la tabla,
    como se agregan columnas, el nombre de la
    columna, registro, como configurar la línea de la
    tabla, el color de fondo de la tabla o de la celda,
    combinar columnas o combinar filas, etc.

    También podría gustarte