Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 19 vistas

    Resumen Tema 8 Guillermo Cipitria

    Cargado por

    TTV WLLY
    Las 3 oraciones resumen lo siguiente: 1) El documento introduce el lenguaje HTML y su estructura básica de etiquetas para cabecera y cuerpo. 2) Explica cómo crear párrafos, encabezados, centrar texto y separar elementos. 3) Detalla cómo aplicar formato de texto, colores e imágenes en HTML utilizando etiquetas específicas.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Resumen Tema 8 Guillermo Cipitria

    Cargado por

    TTV WLLY
    19 vistas5 páginas
    Las 3 oraciones resumen lo siguiente: 1) El documento introduce el lenguaje HTML y su estructura básica de etiquetas para cabecera y cuerpo. 2) Explica cómo crear párrafos, encabezados, centrar texto y separar elementos. 3) Detalla cómo aplicar formato de texto, colores e imágenes en HTML utilizando etiquetas específicas.

    Título original

    resumen tema 8 Guillermo Cipitria

    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?

    Las 3 oraciones resumen lo siguiente: 1) El documento introduce el lenguaje HTML y su estructura básica de etiquetas para cabecera y cuerpo. 2) Explica cómo crear párrafos, encabezados, centrar texto y separar elementos. 3) Detalla cómo aplicar formato de texto, colores e imágenes en HTML utilizando etiquetas específicas.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    19 vistas5 páginas

    Resumen Tema 8 Guillermo Cipitria

    Cargado por

    TTV WLLY
    Las 3 oraciones resumen lo siguiente: 1) El documento introduce el lenguaje HTML y su estructura básica de etiquetas para cabecera y cuerpo. 2) Explica cómo crear párrafos, encabezados, centrar texto y separar elementos. 3) Detalla cómo aplicar formato de texto, colores e imágenes en HTML utilizando etiquetas específicas.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    Está en la página 1de 5

    RESUMEN TEMA 8

    1. INTRODUCCIÓN AL LENGUAJE HTML.


    2. ESTRUCTURA DE UN DOCUMENTO HTML.
    3. EJEMPLO DE UN DOCUMENTO HTML.
    4. FORMATO DE TEXTO.
    4.1- COLOR EN HTML.
    5. COLORES E IMÁGENES EN EL CUERPO DE LA PÁGINA.
    6. LISTAS CON HTML.
    7. HÍPER VÍNCULOS
    8. IMÁGENES CON HTML.
    8.1- COMANDOS PARA LAS IMÁGENES.
    8.2- IMÁGENES Y ENLACES.
    9. TABLAS CON HTML.
    9.1- COMANDOS DE LA ETIQUETA <TR>.
    9.2- COMANDOS DE LA ETIQUETA <TD>.
    9.3- COLOR DE FONDO DE LAS CELDAS.

    1.- INTRODUCCIÓN AL LENGUAJE HTML.

    El lenguaje HTML (Hyper Text Markup Language) es un lenguaje que sirve para
    escribir hipertexto.
    Son documentos de texto presentados de forma estructurada, con enlaces (links)
    que conducen a otros documentos.
    Pueden acompañarse de cuantos gráficos estáticos o animados y sonidos seamos
    capaces de imaginar.
    Una página escrita en HTML no es más que texto normal, escrito con cualquier
    editor.
    Se incluyen ciertos códigos lamados etiquetas o elementos del lenguaje.

    2.- ESTRUCTURA DE UN DOCUMENTO HTML.

    El principio esencial del lenguaje HTML es el uso de las etiquetas (tags). Funcionan
    de la siguiente manera: <CÓDIGO> Este es el inicio de una etiqueta. </CÓDIGO>
    Este es el cierre de una etiqueta. El documento en sí está dividido en dos zonas
    principales: - La CABECERA: comprendido entre las etiquetas <HEAD> y </HEAD>.
    - El CUERPO: comprendido entre las etiquetas <BODY> y </BODY>. Por tanto, la
    estructura queda de esta manera:
    <HTML>
        <HEAD>
            <TITLE> Título de la página </TITLE>
        </HEAD>
    <BODY>
    [Aquí van las etiquetas que visualizan la página]
    </BODY>
    </HTML>

    3.- EJEMPLO DE UN DOCUMENTO HTML.

    Si queremos separar el texto en distintos párrafos debemos usar la etiqueta <P>,


    (que no tiene su correspondiente etiqueta de cierre </P>).
    • El texto se puede colocar entre las etiquetas
    <H1> y </H1>, <H2> y </H2>, etc. (hasta el
    número 6). Este número indica el tamaño del
    mismo. El tamaño mayor es el correspondiente
    al número 1.
    • La etiqueta para centrar es <CENTER> y </
    CENTER>. Nos centra todo lo que esté dentro de
    ella, ya sea texto, imágenes, etc.
    • Si queremos separar los párrafos, o cualquier
    otro elemento, pero sin dejar una línea en
    blanco, usamos una etiqueta parecida <BR>.
    • También tenemos los separadores que se consiguen con la etiqueta <HR> .

    4.- FORMATO DE TEXTO.

    Para destacar alguna parte del texto se pueden usar las siguientes etiquetas:
    - NEGRITA: <B> Texto en negrita </B>
    - CURSIVA: <I> Texto en cursiva </I>
    - SUPERÍNDICES: <SUP> Texto como superíndice </SUP>
    - SUBÍNDICES: <SUB> Texto como subíndice </SUB>
    - FUENTE: La etiqueta a utilizar es FONT. <FONT comando =“valor”> Texto con
    formato </FONT>.

    4.1- COLOR EN HTML.

    El color es un código hexadecimal, formado por tres pares de dígitos, precedidos


    del símbolo #, que pueden ser números y letras.
    Los colores primarios son:
                #FF0000 - Rojo
                #00FF00 - Verde
               #0000FF - Azul
    Otros colores son:
               #FFFFFF - Blanco
                #000000 - Negro
               #FFFF00 – Amarillo

    5.- COLORES E IMÁGENES EN EL CUERPO DE LA PÁGINA.

    Existen varios comandos o atributos de la etiqueta BODY que permiten controlar el


    color del fondo. La sintaxis será:
                                                     < BODY atributo1 atributo2 atributo3 ... atributoN >
    - Comando BGCOLOR. Este atributo permite establecer un color de fondo.
                                                       <BODY BGCOLOR= "#C0C0C0">
    - Comando BACKGROUND. Este atributo permitirá se utilice una imagen como
    fondo de página.
                                                       <BODY BACKGROUND="fichero_gráfico.gif">
    - Comando TEXT. Permite controlar el color del texto estándar.

                                                        <BODY TEXT="darkblue">

    6.- LISTAS CON HTML.

    Una lista permite organizar un documento HTML estructurándolo de forma más


    clara.
    HTML define varios tipos de listas:
    - Listas sin numeración: <UL> Elementos de la lista </UL>
    - Listas con numeración: <OL> Elementos de la lista </OL>
    - Listas de definición: <DL> Elementos de la lista </DL>

    7.- ENLACES O Híper


    vínculos.

    Es uno de los más importantes del HTML, ya que es el que realmente permite
    "navegar" por uno o varios documentos.
    Se definen los hipervínculos mediante la etiqueta <A>.
    Sus comandos más importantes son: NAME, HREF y TARGET.
    Vamos a distinguir tres tipos de enlaces:
    - Enlaces dentro de la misma página: <A HREF="web02.html"> Zona Activa </A>.
    -  Enlaces con otra página, que puede encontrarse dentro o fuera de nuestro
    sistema.
    - Enlaces con una dirección de correo electrónico.

    8.- IMÁGENES CON HTML.

    En HTML se debe indicar el nombre y la localización de un fichero que contiene


    una imagen.
    Utilizamos la etiqueta IMG con el comando SRC. La estructura de la etiqueta es: 
    <IMG SRC=“C://Mis Documentos/Imagenes/imagen.gif">

    8.1- COMANDOS PARA LAS IMÁGENES.

    Los comandos más importantes son:


    - ALT.
    - ALIGN.
    * TOP.
    * MIDDLE.

    * BOTTOM.
    - WIDTH.
    - HEIGHT.
    - BORDER.

    8.2- IMÁGENES Y ENLACES.

    Los hipervínculos pueden ser también definidos sobre imágenes de tal forma que
    al hacer clic con el ratón sobre algún punto de la superficie de éstas.
    La estructura de la etiqueta es:
    <A HREF="forms.htm"><IMG SRC="images/boton1.gif"></A>

    9.- TABLAS CON HTML.

    La etiqueta general, que engloba a todas las demás es <TABLE> y </TABLE>.


    <TABLE> [Resto de las etiquetas] </TABLE>
    Se puede utilizar  con los siguientes comandos:
    - BORDER.
    - CELLPADDING.
    - CELLSPACING.
    - WIDTH.
    - HEIGTH.

    9.1- COMANDOS DE LA ETIQUETA


    <TR>.

    - VALIGN: Permite una alineación del texto en el sentido vertical de la celda.


    Admite los valores: TOP, BOTTOM, MIDDLE.
    - ALIGN: Permite una alineación del texto en el sentido horizontal de la celda.
    Admite los valores: RIGHT, CENTER, LEFT.

    9.2- COMANDOS DE LA ETIQUETA <TD>.

    - COLSPAN: define una celda con una anchura múltiplo de la columna básica.
    - ROWSPAN: define una celda con una anchura múltiplo de la fila básica.

    9.3- COLOR DE FONDO DE LAS CELDAS.

    Utilizaremos el comando BGCOLOR, igual que para el fondo de las páginas, dentro
    de la etiqueta <TD>.
    Ejemplo: <TD BGCOLOR=“red”>.

    También podría gustarte