Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Lenguaje HTML para Colegio

    Hochgeladen von

    Eliceo Huerta Trujillo
    18 Ansichten4 Seiten

    Originaltitel

    Lenguaje HTML Para Colegio

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    18 Ansichten4 Seiten

    Lenguaje HTML para Colegio

    Hochgeladen von

    Eliceo Huerta Trujillo

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 4

    LENGUAJE HTML CONCEPTO:

    HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. ESTRUCTURA BASICA Para comenzar a escribir un documento en HTML, debes saber que todo lo que escribas debes hacerlo dentro de los signos < para empezar a escribir un comando y > para cerrar el la escritura del comando escrito. Ejemplo: <html>. La mayora de los comandos se deben abrir y cerrar, para cerrar usaremos el signo /. Esto quiere decir que siempre usaremos el mismo comando pero de dos formas, uno abierto y otro cerrado. Ejemplo: <html> para empezar a escribir el documento y </html> para cerrar y terminar de escribir el documento. La estructura bsica que compone un documento y que debemos saberlo de memoria es la siguiente:

    HTML> ----Se escribe para comenzar la pagina. <HEAD> -- Se escribe para comenzar el encabezado que se mostrara en la parte superior de la pgina. <TITLE> -------este comando se utiliza para escribir el titulo. El titulo se muestra dentro del encabezado. </TITLE>----- Este comando cierra el titulo y lo diferencia del resto del documento. </HEAD>----- Este comando sirve para cerrar el encabezado. <BODY> --- Este comando permite empezar a escribir todo lo que formar parte del documento. </BODY> -- Este comando permite terminar de escribir el contenido del documento y se utiliza para cerrar la escritura del contenido. </HTML> --- Se utiliza para terminar de escribir el documento. Ejemplo: <HTML> <HEAD> <TITLE>TITULO DE LA PAGINA</TITLE> </HEAD> <BODY> HOLA, ESTA ES MI NUEVA PAGINA. </BODY> </HTML>
    Para escribir un documento HTML solo tienes que usar el programa Bloc de notas de Windows y al finalizar guardar el documento con el nombre que quieras pero con la extensin .html Ejemplo: Joel.html Para ver como queda tu pagina escrita debes abrir el documento que guardaste con extensin .html y notaras que ahora aparece con el icono del navegador Internet explorer o con el icono de otro navegador. Solo dale doble clic y el documento se abrir. Si deseas modificar y agregar o quitar algo al documento, solo tienes que escribirlo en el documento de bloc de notas que lo tienes abierto. En caso de haber cerrado el documento de bloc de notas, debes hacer clic en el men Ver y luego en Codigo fuente y lo modificas a tu gusto. No olvides de guardar los cambios que hagas en el bloc de notas en el men Archivo y luego en Guardar.

    PRINCIPALES COMANDOS

    <P> </P> Sirve para escribir prrafos y separarlos uno de otro.


    <BR> Sirve para cambiar de lnea, para que se vea el texto debajo de otro. Por ejemplo lo podemos usar cuando escribimos versos. <HR> Sirve para crear lneas en la pagina. Tiene algunos atributos como: WIDTH, permite determinar el ancho que ocupar la lnea en la pgina. Ejm: <HR WIDTH=80%>, no te olvides que se pone en porcentaje. SIZE, permite determinar el grosor de la lnea. Ejemplo: <HR SIZE=10>. Tambin pueden escribirse dentro de una sola etiqueta: <HR WIDTH=50% SIZE=10> <BLOCKQUOTE> Permite crear espacios de tabulacin (Dejar un pequeo espacio en blanco) al inicio del texto escrito. Al final debes cerrar esta etiqueta con </BLOCKQUOTE>. <PRE> Permite mostrar en la pantalla el texto tal como lo escribiste. Para dar formato al texto: <FONT> Permite modificar el formato del texto. Ejemplo: <FONT SIZE="2" COLOR="red" FACE="Arial">, Define tipo de letra (Face), tamao (Size) y color (Color) a tu gusto. No te olvides de cerrar </FONT> al final para que no modifique a los dems textos que escribas. <B> Sirve para poner en negrita el texto escrito. <I> Sirve para poner en cursiva el texto escrito. <U> Sirve para subrayar el texto escrito. <STRIKE> Sirve para Tachar el texto escrito. <H1> Se utiliza para escribir ttulos y resaltarlo de forma rpida. Ejem: <H1> Bienvenido</H1>, <H2></H2>, <H3></H3><H4></H4><H5></H5><H6></H6>. Esta etiqueta modifica el tamao del titulo de mayor a menor. <H1> indica mayor tamao y <H6> indica menor tamao. Para alineacin de prrafos: Como ya se dijo anteriormente, para escribir prrafos se utiliza la etiqueta <P>, pero a esta etiqueta le podemos agregar algunos atributos como ALIGN=LEFT para poder alinear la posicin que ocupar el prrafo en la pagina. Ejemplo: <P ALIGN="LEFT">, alinea el texto hacia la Izquierda <P ALIGN="RIGHT">Alinea el texto escrito hacia la Derecha <P ALIGN="CENTER"> Alinea el texto escrito hacia el centro.

    COLOR DE FONDO DE PGINA El color de fondo de pgina por defecto (Automticamente) es de color blanco, pero lo podemos cambiar y utilizar el color que creamos conveniente. Para cambiar el fondo tenemos que agregar dentro de la etiqueta Body el comando Bg color=Escribir el nombre del color. Ejemplo: <BODY BGCOLOR=RED> Esto permitir ver el fondo de color rojo. Tambin es posible poner una imagen como fondo de nuestra pagina, para ello agregaremos el comando Background dentro de la etiqueta body. Ejemplo:
    <BODY BACKGROUND=FLOR.JPG>

    Nombre del dibujo

    JPG es la extensin del dibujo o imagen que estas poniendo, sino copias la extensin, simplemente no se mostrara el dibujo en el fondo. Tambin Puedes usar imgenes con extensin GIF.

    OJO: Para crear una pgina con una imagen de fondo, necesariamente debes crear una carpeta y dentro de ella guardar la imagen que vas a utilizar y tambin la pgina que estas elaborando.
    TABLAS

    Las tablas son uno de los elementos ms interesantes de HTML. Permiten, por ejemplo, escribir texto en varias columnas, hacer listas de equivalencias, tablas propiamente dichas, etc. Para iniciar una tabla debemos usar la etiqueta TABLE, y tambin podemos indicarle el grosor del borde con el comando BORDER. Ejemplo: <TABLE BORDER=1> Despus de haber indicado el inicio de la tabla, debemos indicar el inicio de una nueva fila, para ello utilizaremos la etiqueta <TR> y para indicar al menos una celda dentro de la fila utilizaremos la etiqueta ><TD>. Ejemplo:
    Fin de la Primera celda. Fin de la segunda celda.

    <TR><TD>celda 1</TD><TD>celda 2</TD></TR>


    Inicio de fila Inicio de la Primera celda. Inicio de la segunda celda. Fin de fila

    Ejemplo completo de una tabla con dos filas y cuatro celdas: <body> <TABLE BORDER=1> <TR><TD>celda 1</TD><TD>celda 2</TD></TR> <TR><TD>celda 3</TD><TD>celda 4</TD></TR> </TABLE> </body>

    INSERTAR

    Das könnte Ihnen auch gefallen