Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Instrucciones HTML

    Încărcat de

    Laura Patricia Salazar
    33 vizualizări4 pagini
    Elementos más importantes de una página web.

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    Elementos más importantes de una página web.

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    33 vizualizări4 pagini

    Instrucciones HTML

    Încărcat de

    Laura Patricia Salazar
    Elementos más importantes de una página web.

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 4

    1

    Elementos ms importantes de una pgina web


    Definicin del lenguaje
    <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 TRANSTIONAL//EN">
    <HTML>
    Definicin del encabezado
    <HEAD>
    <TITLE>CULTURA DE GRECIA </TITLE> </HEAD>
    Definicin del cuerpo del documento
    Este se define con la etiqueta <BODY> la cual al terminarse el cuerpo del documento se cierra
    con una diagonal </BODY>
    Elementos ms importantes del cuerpo de una pgina web
    Estos contienen las siguientes etiquetas
    <Center> sirve para centrar el texto y las imgenes
    <h1> que sirve para resaltar un texto de otro a este se le puede dar diversos tamaos, por
    ejemplo para obtener diversos tamaos los cuales vernos seguidamente.
    Colocar color de fondo de pgina
    Se usa la etiqueta <body con la isntruccin bgcolor en la cual debe ir un cdigo que representa
    el color RGB que deseamos colocar este lo podemos buscar en photo shop entrando al programa
    y dar clic en la mezcla de colores cuando seleccionemos manualmente el color que deseemos
    copiamos el cdigo que aparece como veremos a continuacin, recordando siempre colocar el
    smbolo numeral antes de pegar el cdigo.

    Al final la instruccin debe quedar as


    <body bgcolor=#27d2f7>
    Para la realizacin de tablas normales se toman en cuenta la siguiente etiqueta con las
    siguientes instrucciones:
    <table border=tamao del borde
    cellpading =ancho de columna
    aling=tipo de alineacin
    Luego se colocan las etiquetas que determinan las filas y las columnas y las cuales servirn para
    que se pueda escribir dentro de las tablas. Estas son
    <TR> Que determina las filas
    <TD> Que determina las columnas el cdigo de una tabla debe quedar as
    <table border=4 cellpading =12cols=12 aling=left>
    <tr>
    <td>
    Contenido<br>

    2
    1. La naturaleza <br>
    1.1. <blockquote> Especies animals</blockquote><br>
    2. La atmsfera <br>
    2.1. <blockquote> Presin del aire </blockquote><br>
    </tr>
    <td>
    </table>
    NOTA: el tipo de alineacin puede ser derecha(right), izquierda(left) o centrada(center)
    Para la realizacin de tablas con enlace interna se siguen las siguientes instrucciones:
    <table border=tamao del borde
    cellpading =ancho de columna
    aling=tipo de alineacin>
    <TR>
    <TD>
    CONTENIDO DE LA TABLA
    </TR>
    <TD>
    </TABLE>
    ejemplo del enlace de tabla
    1. <a
    href="#Las_Artes_de_Grecia">
    <span
    class="toctext">Las Artes de Grecia</span></a>

    class="tocnumber">

    </span>

    <span

    A= el elemento que determina el enlace, el enlace en este caso es #Las_Artes_de_Grecia


    Span= tocnumber toma en cuenta el nmero de orden del enlace
    Span=toctext toma en cuenta el ttulo del enlace
    Posteriormente fuera de la etiqueta se coloca el texto que en este caso es:
    LAS ARTES DE GRECIA
    Luego se cierran todas las etiquetas
    Si resulta el caso de que hay sangra en la pgina se realiza lo siguiente
    Se le agrega la etiqueta <blockquote> y se cierra al final </blockquote
    Ejemplo:
    <blockquote> a. <a href="#Cer.C3.A1mica_y_monedas"> <span class= "tocnumber"> </span>
    <span class="toctext">Cermica y monedas </span> </a> </blockquote>
    <Font>
    La cual contiene las instrucciones
    Face=blue color=red size=12
    Nota: Cando le colocamos tamao de 7 en adelante al size este sale en 36 en la pgina cuando
    lo colocamos en 6 sale en 24 en la pgina, cuando lo colocamos en 5 sale en 18 en la pgina,
    cuando lo colocamos en 4 sale en 13.5 en la pgina, cuando lo colocamos en 3 sale con 12 en la
    pgina, cuando colocamos la pgina en 2 sale en 10 en la pgina, cuando colocamos el size en 1
    en la pagina nos sale con tamao 7.5.
    Para colocar ttulo de un enlace previo a una tabla se hace lo siguiente:
    <h2><span class="mw-headline" id="Las_Artes_de_Grecia">Las Artes de
    Grecia</span></h2><br><br>

    3
    H2= es el resaltado distinto del encabezado de este ttulo
    Span class= mw-headline dice que es el encabezado de lnea al cual va dirigido el enlace
    Id= es el reconocimiento del enlace por lo tanto debe ser el mismo enlace que se coloc en la
    tabla.
    Luego se cierran todas las etiquetas y se contina con el contenido del documento
    Cmo colocar negrita, cursiva y subrayado?
    Para colocar negrita se usa la etiqueta:
    <b> palabras en negrita </b>
    Para colocar Cursiva se usa la etiqueta:
    <i> palabras en cursiva </i>
    Para colocar subrayado se usa la etiqueta:
    <u> palabras en subrayado </u>
    Cmo colocar enlaces a otras pginas?
    Se realiza de la siguiente manera:
    <a href="http://es.wikipedia.org/wiki/civilizacin occidental" target="blank"> civilizacin occidental
    </a>
    Se inicia abriendo con la etiqueta <a>
    Se le colocan las instrucciones:
    Href= en esta se escribe la direccin de la pgina web
    Target = esta puede ser igual a blank que significa que el enlace se va a abrir en una
    nueva pgina y tambin se le puede colocar self que significa que el enlace se va a abrir
    en la misma pgina donde se encuentra.
    Luego se coloca las palabras que queremos que nos dirijan al enlace como en el ejemplo
    se puede ver CIVILIZACIN MAYA.
    Por ltimo se cierra la etiqueta </a>
    Cmo insertar imgenes?
    Se realiza de la siguiente manera:
    <Center><img src="e:\html-claudia sagastume\cultura griega\PARTENON.jpg" alt=
    "imagen partenon" width=600 heigth = 600 border=6></center>
    Se inicia con la etiqueta <img>
    Se le colocan las siguientes instrucciones:
    Src= En la cual se coloca la ubicacin donde se encuentra la imagen y se divide a travs de
    flecas que se obtiene con el cdigo ALT 192 Se le coloca el nombre de la imagen
    procurando no tener errores y al final se le coloca despus de un punto el tipo de formato de
    la imagen que puede ser: jpg,png, gift etc.
    Alt= que indica el nombre que le vamos a poner a la imagen en la pgina, este se ve cuando
    colocamos el cursor encima de la imagen.
    Width= es el ancho de la imagen.
    Height= es el alto de la imagen.
    Border=es el grosor de borde de la imagen.
    NOTA: el center se utiliza para centrar la imagen pero si se desea esta puede dejarse sin
    centrar.
    Cmo colocar formularios?

    4
    Se realizan de la siguiente manera:
    Para insertar una lista de opciones se hace lo siguiente: (ejemplo lista de idioma)
    Agrega tu comentario<br>
    Elige tu Idioma<br>
    <form>
    <select name="Idioma">
    <option>Espaol</option>
    <option>Ingls</option>
    <option>Portugues</option>
    <option>Francs</option>
    <option>Italiano</option>
    </select></form><br><br>
    Primero se inserta la etiqueta <form>
    Luego se coloca la etiqueta <select> , la cual lleva en su interior la instruccin name que
    pide el nombre del formulario.
    Luego se coloca la etiqueta <option> a la que luego se le coloca el primer idioma y luego
    se cierra </option> y se le siguen colocando idiomas sucesivamente.
    Luego se cierran todas las etiquetas abiertas en este caso </select> </form> y se le
    colocan los <br> correspondientes los cuales sirven para dar un salto de lnea.
    Para insertar un rea de escritura se hace lo siguiente:
    <textarea rows="12" cols="36">
    Escriba aqu tu comentario</textarea>

    Se inicia con la etiqueta <textarea> y se le colocan las instrucciones que son:


    rows= que indican el nmero de filas que llevar el rea
    cols= que indica el nmero de columnas que llevar el rea
    luego se le coloca la instruccin que queremos que el internauta vea
    por ltimo cerramos la etiqueta </textarea>
    Para colocar los botones de enviar y borrar se debe hacer lo siguiete:
    <Form action="" method="post" name="formul 2">
    <input type="submit" value="enviar">
    <input name="reset" type="reset" id="reset" value="borrar"></form>
    Se coloca la etiqueta <fom> seguido de las siguientes instrucciones:
    action = que indica la accin que realizar el botn en este caso ninguna
    method= indica cmo reaccionar el botn en este caso ser posterior.
    Name= nos pide el nombre que le vamos a colocar al formulario
    Luego se coloca la etiqueta <input> la cual contiene las siguientes instrucciones
    Type= que contiene la palabra submit que significa enviar
    Value= que significa que el valor de escritura que va a contener es enviar.

    Por ltimo se coloca nuevamente la etiqueta <input> y lleva las siguientes instrucciones:
    Name=indica el nombre que llevar el botn en este caso reset que signifca borrar.
    Type=contiene la palabra reset que significa borrar, lo cual determina la instruccin.
    Id= que indica una direccin a tomar contiene la palabra reset que significa borrar.
    Value= que indica el valor de escritura tambin contiene la palabra reset.
    Por ltimo se cierran todas las etiquetas abiertas como </form> input no se cierra.

    S-ar putea să vă placă și