Monografias.com > Computación > Programación
Descargar Imprimir Comentar Ver trabajos relacionados

Introducción a la programación – HTML




Enviado por Pablo Turmero



    Monografias.com

    ¿Qué es HTML?
    El HTML es el lenguaje con el que se escriben las páginas Web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
    A hora bien lo que hace que el HTML sea un lenguaje práctico y poderoso son los browser. Estos son programas utilizados para visualizar las páginas Web. Los más utilizados son el Internet Explorer y Netscape.
    Los browser se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas Web resultantes del código interpretado.
    (Gp:) 1 HTML

    Monografias.com

    ELEMENTOS DE UN DOCUMENTO HTML.
    Los comandos de marcación son la base del lenguaje, pues estos comandos le indican al browser que debe hacer con los elementos del documento ( escritura, formato y vínculos ), de modo que el programa puede diagramar la página. Un documento en HTML se define básicamente por los siguientes comandos:
    (Gp:) Esta etiqueta se emplea siempre para iniciar un código HTML. Es la forma de de decirle al navegador que en ese punto comienza el código.
    (Gp:) < html>

    (Gp:) Esta etiqueta de encabezado se incluyen datos generales del documento.
    (Gp:) < head>

    (Gp:) Etiqueta para poder colocar el titulo del documento.
    (Gp:) < title>

    (Gp:) Finaliza la etiqueta title.
    (Gp:) < /title>

    (Gp:) Fin de la etiqueta head.
    (Gp:) < /head>

    (Gp:) Se incluyen todos los elementos que en sí hace parte del documento.
    (Gp:) < body>

    (Gp:) Fin de la etiqueta body.
    (Gp:) < /body>

    (Gp:) Fin del documento.
    (Gp:) < /html>

    (Gp:) 2 HTML

    Monografias.com

    ELABORACIÓN DE UN DOCUMENTO HTML.
    1.- Para poder elaborar un documento HTML debemos primero de iniciar el “ Bloc de Notas ”, para la creación del mismo.
    2.- A hora una vez abierto el Bloc de Notas anotaremos los elementos básicos de un documento de HTML.

    Nota: A hora bien anotamos todas las etiquetas elementales que debe de llevar un documento de HTML, recuerden que la estructura de una etiqueta siempre va a estar dada por:

    < nombre de la etiqueta >

    Siempre va llevar esa estructura, con paréntesis angulares < > y el nombre de la etiqueta no importa si se escribe con mayúscula o minúscula:

    < HEAD > ó < hEAd >

    Lo que si es importante retomar es que la etiqueta debe tener siempre un inicio y un fin denotado por:

    < HEAD > < /HEAD >

    Simplemente al anexarle el signo de división ( / ) estémosle indicando que ahí se ha terminado la función de esa etiqueta.

    (Gp:) 3 HTML

    Monografias.com

    3.- Una vez terminado el segundo paso , lo que procede es guardar nuestro documento:
    4.- A continuación daremos paso al guardado de nuestro documento, sin olvidar que debe tener la extensión .HTML ó de lo contrario solo lo guardara como archivo de texto y no como página de HTML.

    No olvides que la extensión puede ir en minúscula ( .html ) ó mayúscula ( . HTML ).
    (Gp:) 4 HTML

    Monografias.com

    A hora observa que si al momento de guardar el documento sin ninguna extensión automáticamente lo guardar como un archivo de texto, y no como un documento de HTML, por ello es importante poner la extensión “ .html “.
    (Gp:) 5 HTML

    Monografias.com

    (Gp:) Ubicación de nuestro documento.

    (Gp:) Encabezado al inicio de la pagina Web. < title> Ejemplo < /title>

    (Gp:) Cuerpo del documento.
    < body> Hola compañeros este es un ejemplo sencillo de HTML < /body>

    Monografias.com

    COMANDOS BÁSICOS.
    (Gp:) Salto de línea.

    Para poder hacer un salto de página en el cuerpo de tu documento tendrás que anexarle la etiqueta:
    < br> < /br>. Recuerda que todo esto se agrega dentro de las etiquetas de < body>, < /body>.
    (Gp:) Generación del salto de página.

    Monografias.com

    (Gp:) Párrafos.

    Para hacer párrafos en la página, tendrás que anexarle la etiqueta:
    < p> < /p>.

    Monografias.com

    (Gp:) Estilos del texto.

    (Gp:) Para poner el texto en negritas se utiliza < b>, < /b>.
    Para tener el texto cursivo se utiliza < i>, < /i>.
    Para tener el texto subrayado se toma < u>, < /u>.

    Monografias.com

    Para cambiar el tamaño de la fuente del texto. Existen 7 tamaños de fuente las cuales son:

    < font size = “ +1 ” > texto de prueba < /font>
    < font size = “ +2 ” > texto de prueba < /font>
    < font size = “ +3 ” > texto de prueba < /font>
    < font size = “ +4 ” > texto de prueba < /font>
    < font size = “ +5 ” > texto de prueba < /font>
    < font size = “ +6 ” > texto de prueba < /font>
    < font size = “ +7 ” > texto de prueba < /font>
    Texto de prueba
    Texto de prueba
    Texto de prueba
    Texto de prueba
    Texto de prueba
    Texto de prueba
    Texto de prueba
    Para cambiar tambien los nivel del texto tenemos una sintaxis más corta las cuales son:

    < h1> texto de prueba < /h1>
    < h2> texto de prueba < /h2>
    < h3> texto de prueba < /h3>
    < h4> texto de prueba < /h4>
    < h5> texto de prueba < /h5>
    < h6> texto de prueba < /h6>
    Nivel 1
    Nivel 2
    Nivel 3
    Nivel 4
    Nivel 5
    Nivel 6

    Monografias.com

    Ejemplo.
    Para poder entender aun mejor, les trajimos un ejemplo de una pagina Web, esto aplica para cualquier página Web, nosotros al darle click derecho en cualquier parte de la página nos despliega un submenú, una vez estando ahí le damos click en Ver código fuente.

    Monografias.com

    Bueno, hay algunas etiquetas desconocidas y es por que no solo se pueden crear páginas Web, en el bloc de notas, si no también en FrontPage, Publisher.

    Monografias.com

    BIBLIOGRAFÍA.
    Nota: para poder ver todas las etiquetas disponibles par darle mucho mejor formato a tu documento puedes consultar los siguientes dos libros, que puedes conseguir sin ningún problema en la biblioteca:
    (Gp:) HTML BÁSICO DISEÑO Y PROGRAMACIÓN DE PAGINAS WEB.
    D.C.G. MARCELA E. BUITRÓN DE LA TORRE.
    (Gp:) DOMINE HTML Y DHTML.
    JOSÉ LÓPEZ QUIJADO.
    ED. ALFAOMEGA.
    (Gp:) http://www.aulaclic.es/html/t_1_1.htm

    Nota al lector: es posible que esta página no contenga todos los componentes del trabajo original (pies de página, avanzadas formulas matemáticas, esquemas o tablas complejas, etc.). Recuerde que para ver el trabajo en su versión original completa, puede descargarlo desde el menú superior.

    Todos los documentos disponibles en este sitio expresan los puntos de vista de sus respectivos autores y no de Monografias.com. El objetivo de Monografias.com es poner el conocimiento a disposición de toda su comunidad. Queda bajo la responsabilidad de cada lector el eventual uso que se le de a esta información. Asimismo, es obligatoria la cita del autor del contenido y de Monografias.com como fuentes de información.

    Categorias
    Newsletter