Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 27 vistas

    Practica 1, Manejo de Software

    Cargado por

    Eduardo Ruiz
    El documento describe los conceptos básicos de HTML, incluyendo etiquetas como <html>, <head>, <body>, <title>, <b>, <i>, <p>, y <h1-h6>. Explica cómo crear la estructura básica de una página web con estas etiquetas y cómo aplicar formato de texto, color de fondo, y encabezados. También cubre cómo agregar un título a la página y guardar el archivo HTML.

    Copyright:

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

    Practica 1, Manejo de Software

    Cargado por

    Eduardo Ruiz
    27 vistas5 páginas
    El documento describe los conceptos básicos de HTML, incluyendo etiquetas como <html>, <head>, <body>, <title>, <b>, <i>, <p>, y <h1-h6>. Explica cómo crear la estructura básica de una página web con estas etiquetas y cómo aplicar formato de texto, color de fondo, y encabezados. También cubre cómo agregar un título a la página y guardar el archivo HTML.

    Descripción original:

    UES, Manejo de Software, Ejercicios practicos.

    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?

    El documento describe los conceptos básicos de HTML, incluyendo etiquetas como <html>, <head>, <body>, <title>, <b>, <i>, <p>, y <h1-h6>. Explica cómo crear la estructura básica de una página web con estas etiquetas y cómo aplicar formato de texto, color de fondo, y encabezados. También cubre cómo agregar un título a la página y guardar el archivo HTML.

    Copyright:

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

    Practica 1, Manejo de Software

    Cargado por

    Eduardo Ruiz
    El documento describe los conceptos básicos de HTML, incluyendo etiquetas como <html>, <head>, <body>, <title>, <b>, <i>, <p>, y <h1-h6>. Explica cómo crear la estructura básica de una página web con estas etiquetas y cómo aplicar formato de texto, color de fondo, y encabezados. También cubre cómo agregar un título a la página y guardar el archivo HTML.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 5

    Universidad de El Salvador

    Facultad Multidisciplinaria de Occidente


    Departamento de Ingeniera y Arquitectura
    Manejo de Software para Microcomputadoras

    Laboratorio Prctico No. 1

    HTML es el lenguaje que se emplea para el desarrollo de pginas web que pueden ser
    visualizadas en un navegador web y que estn disponibles en internet.
    Este lenguaje est constituido de elementos que el navegador interpreta y los despliega en
    la pantalla de acuerdo a su objetivo, veremos que hay elementos para disponer imgenes
    sobre una pgina, hipervnculos que nos permiten dirigirnos a otra pgina, listas, tablas
    para tabular datos, etc.
    Para poder crear una pgina HTML se requiere un simple editor de texto (bloc de notas,
    hapedit) y un navegador web (Internet Explorer, FireFox, etc.).
    HTML no es propiamente un lenguaje de programacin como Java, C#, Visual Basic, etc.,
    sino un sistema de etiquetas. HTML no utiliza ningn compilador, por lo tanto algn error
    de sintaxis que se presente ste no lo detectar y se visualizara en la forma como ste lo
    entienda.
    Las instrucciones HTML estn encerradas entre los caracteres: < y >. Muchos elementos
    HTML requieren una marca de comienzo y otra de finalizacin.
    ETIQUETAS
    Una etiqueta cumple su funcin de la siguiente manera:
    < nombre de la etiqueta > Apertura de una etiqueta siempre entre < >
    texto/grfico/etiquetas A la cual se aplica la etiqueta
    </ nombre de la etiqueta > Cierra de la etiqueta siempre entre </ >En el cuerpo se
    encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos,
    hipervnculos, etc.

    ESTRUCTURA BSICA DE UNA PGINA WEB


    Una pgina web esta compuesta de 2 partes: el encabezamiento y el cuerpo de la pgina.
    Paralelamente a esto, existen tres etiquetas fundamentales, las mismas que deben estar
    incluidas en el archivo HTML de manera obligatoria. Estas tres etiquetas fundamentales
    son:

    <html> </html>

    Indica al navegador que el documento texto que est leyendo

    es un documento HTML. Esta etiqueta se abre al inicio del archivo y se cierra al


    final del mismo.

    <head> </head>

    Ac se detalla el encabezado de la pgina WEB. Esta etiqueta

    se abre luego de <html>.

    <body> </body>

    Cuerpo de la pgina donde se despliega el contenido global.

    Esta etiqueta se abre luego de cerrar el encabezamiento con </head> y se extiende


    hasta el final de la pgina, cerrndose antes de </HTML>.
    Ejemplo:
    El programa mas comn para poder crear archivos html es el bloc de notas o un editor de
    texto de cualquier sistema operativo, en este caso abre el bloc de notas y DIGITA (no
    copies) la siguiente porcin de cdigo html.

    <html>
    <head> </head>
    <body>
    Esta es mi primera pgina;
    </body>
    </html>

    Luego guarda el archivo con el nombre que creas conveniente pero al final la extensin
    debe ser .html es decir
    Nombre del archivo: ejemplo1.html
    Sin cerrar el programa de edicin de texto que estamos usando, abre el navegador. En la
    barra de direccin, introduzca la ruta completa a su archivo index.html, esta ser la URL
    de su archivo; usted deber poder ver en su pantalla su primera pgina WEB.

    ETIQUETA <title> </title>


    Esta etiqueta va en la parte del encabezamiento de la pgina web, es decir en el HEAD, y
    define en su contenido el ttulo de la pgina web, mismo que aparecer en la parte
    superior izquierda de la pantalla de su navegador. Sin cerrar nuestro navegador de
    Internet, volvemos al editor de texto e incluimos el campo

    <title>Titulo de mi pagina web </title>


    El cdigo deber quedar asi

    <html>
    <head>
    <title>Titulo de mi pagina web </title>
    </head>
    <body>
    Esta es mi primera pgina;
    </body>
    </html>

    Guarda los cambios que hiciste y regresa al navegador y actualiza la pagina o presiona F5
    y podras ver en la barra de titulo del navegador el titulo de la pagina web.

    OTRAS ETIQUTAS
    <b> Texto en negrita </b>
    <i> Texto en cursiva </i>
    <u> Texto subrayado </u>
    <b> <i> <u> Texto en negrita, en cursiva y subrayado </u> </i> </b>
    <p> </p> La etiqueta <p> o de prrafo, indica el inicio y el final de oraciones a
    exhibir con un solo prrafo.
    <pre> </pre> Texto que conserva todos sus espacios y tabuladores, y aparece en
    formato monoespaciado
    <br> La etiqueta <br> instruye al navegador cliente que inserte un salto de lnea en
    un documento HTML. La etiqueta <BR> tiene el mismo efecto que un retorno de
    carro en una mquina de escribir. Es una etiqueta especial, pues no precisa de
    etiqueta de cierre.
    3

    <hr> La etiqueta <hr> dibuja de manera predeterminada una regla horizontal


    alineada automticamente, con una apariencia de tercera dimensin. Esta etiqueta
    especial, porque no necesita de cierre, tiene los siguientes atributos:
    Align establece que la regla se alinee a la izquierda, centro o derecha
    LEFT,CENTER o RIGHT
    NOSHADE quita el sombreado predeterminado de la regla
    WIDTH permite especificar el ancho de la regla (en pixeles o porcentaje)
    SIZE permite especificar el alto de la regla (en pixeles)

    ETIQUETA <body> </body>


    Todo el texto, las imgenes y el formato visibles al usuario deben encontrarse entre las
    etiquetas <body>...</body>. Esta etiqueta cuenta con los siguientes atributos:
    Bgcolor: define el color de fondo de la pgina
    Text define el color del texto de la pgina
    Link define el color de los vnculos en la pgina
    Alink define el color del vnculo actual o activado en la pgina
    Vlink define el color del vnculo ya visitado
    Background define el archivo grfico que ser desplegado como fondo
    Los atributos se incluyen en la etiqueta de apertura, separados por un espacio pueden ir
    estos atributos en los prrafos tambin.
    Se pueden llegar a tener 16 millones de colores en una pgina web. Existen dos formas
    para aplicar colores a una pgina web: se especifica el color deseado directamente con el
    nombre del color en ingles: Ej: blue, green, yellow, o se especifica el color deseado
    mediante nmeros hexadecimales mediante la siguiente estructura: #000000
    El color tiene un signo de numeral # antecediendo a los 6 nmeros. Existen dos nmeros
    para cada color principal: rojo, verde y azul. Cada uno de los nmeros vara hexadecimal
    mente {0,1,2....,9,A,B,...F}. He aqu unos ejemplos de cdigo de algunos colores:

    #FFFFFF
    #000000
    #FF0000
    #00FF00
    #0000FF
    #FFFF00
    #A62A2A

    Blanco
    Negro
    Rojo
    Verde
    Azul
    Amarillo
    Caf

    ENCABEZADOS
    Las etiquetas <h1> </h1> al <h6> </h6> (acrnimos de heading 1..6) son encabezados del
    cuerpo del texto. El encabezamiento <h1> nos proporciona las letras de mayor tamao.
    Notar que si usamos una etiqueta de encabezamiento, automticamente se incluir un
    retorno de carro al final del mismo. La etiqueta tiene el siguiente atributo:
    Align Permite ubicar el encabezamiento a la izquierda, centro o derecha de la
    pantalla (LEFT, CENTER,RIGHT)

    <html>
    <html>
    <head> <title>Manejo de software</title> </head>
    <body bgcolor="#000000" text="#FFFFFF">
    <h1 align="center">
    UNIVERSIDAD DE EL SALVADOR</h1><br>
    <hr align=center width=50%><br>
    <h2>Facultad Multidisciplinaria De Occidente </h2>
    Departamento de Ingenieria y Arquitectura.<br>
    <hr align=left width=25% size=5><br>
    Este es un ejemplo de pgina WEB : )<br>
    </body>
    </html>

    También podría gustarte