Scribd Logo
Upload

Welcome to Scribd!

  • HTML 1

    Uploaded by

    Tyhara Amil
    12 views5 pages

    Original Title

    html1

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views5 pages

    HTML 1

    Uploaded by

    Tyhara Amil

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    La estructura bsica de una pgina es:

    <html> <head> ... </head> <body> ... </body> </html>


    Ahora veamos cmo funcionan estas etiquetas.

    Identificador del tipo de documento <html>


    Todas las pginas web escritas en HTML tienen que tener la extensin html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>. Entre las etiquetas <html> y </html> estar comprendido el resto del cdigo HTML de la pgina. Por ejemplo:

    <html> ... </html>

    Cabecera de la pgina <head>


    La cabecera de la pgina se utiliza para agrupar informacin sobre ella, como puede ser el ttulo. Est formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>. Por ejemplo:

    <html> <head> ... </head> ... </html>

    Ttulo de la pgina <title>


    El ttulo de la pgina es el que aparecer en la parte superior de la ventana del navegador, cuando la pgina est cargada en l.

    Para asignar un ttulo a una pgina es necesario escribir el texto deseado entre las etiquetas

    <title> y </title>.
    Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y

    </head>.
    Por ejemplo:

    <html> <head> <title> Curso de HTML </title> </head> ... </html>

    Cuerpo del documento <body>


    El cuerpo del documento contiene la informacin propia del documento, es decir lo que pqueremos que se visualice, el texto de la pgina, las imgenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera. Por ejemplo:

    <html> <head> <title> Curso de HTML </title> </head> <body> ... </body> </html>

    A travs de la etiqueta <body> es posible establecer el color o la imagen de fondo de la pgina. El color de fondo puede establecerse a travs del atributo bgcolor, al que es posible asignarle un color representado en hexadecimal o por un nombre predefinido. Por ejemplo, para hacer que el color de fondo de una pgina sea de color azul, tendremos que escribir:

    ... <body bgcolor="#0000FF"> ...

    </body> </html>
    Sera equivalente a poner:

    ... <body ... </body> </html>

    bgcolor="blue">

    La imagen de fondo puede establecerse a travs del atributo background, indicando la ruta en la que se encuentra la imagen. Por ejemplo, para hacer que la imagen de fondo de una pgina sea la imagen fondo.gif, que se encuentra en el mismo directorio en el que se encuentra guardada la pgina, tendremos que escribir:

    ... <body background="fondo.gif"> ... </body> </html>

    Caracteres especiales y espacios en blanco


    Los caracteres < y > son dos caracteres especiales que indican inicio y fin de etiqueta. Si se desea insertar estos caracteres como texto hay que escribir el nombre que los representa:

    < Se representa con &lt; > Se representa con &gt;


    Existen otra serie de caracteres que no se visualizan correctamente en algunos navegadores, como es el caso de la y las letras acentuadas, por lo que al igual que ocurre con los caracteres especiales < y >, para insertarlos como texto habra que escribir el nombre que los representa. A continuacin se muestra una lista con algunos caracteres y el nombre con el que han de ser representados:

    Carcter < >

    Representacin &lt; &gt; &aacute; &Aacute; &eacute; &Eacute; &iacute; &Iacute; &oacute; &Oacute; &uacute; &Uacute; &ntilde; &Ntilde; &#153;

    Carcter & "

    Representacin &euro; &ccedil; &Ccedil; &uuml; &Uuml; &amp; &iquest; &iexcl; &quot; &middot; &ordm; &ordf; &not; &copy; &reg;

    Siempre que se inserta texto en HTML hay que tener en cuenta que si se escriben varios espacios en blanco seguidos slamente se mostrar uno en el navegador. Para conseguir que se muestren varios espacios en blanco seguidos puede sustituirse cada uno de ellos por &nbsp;. Por ejemplo, para insertar el texto:

    Bienvenidos, esta es mi 1 pgina!


    Habra que escribir:

    &iexcl;Bienvenidos, esta es mi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina!

    Comentarios

    En ocasiones podemos desear aadir comentarios aclaratorios dentro del cdigo, de manera que no sean visualizados en el navegador, pero s a la hora de editar el documento. Para insertar comentarios dentro del cdigo, basta con insertar el texto entre <!-- y //-->. Todo el cdigo que se inserte entre estos smbolos no ser visualizado en los navegadores. Por ejemplo, para insertar el texto siguiente con un comentario:

    Bienvenidos, esta es mi 1 pgina!


    Habra que escribir:

    <!-- A continuacin aparecer una lnea de texto//--> &iexcl;Bienvenidos, esta es mi 1&ordf; p&aacute;gina!

    Saltos de lnea <br>


    En general, cuando trabajamos con un editor de texto se produce un salto de lnea al pulsar la tecla INTRO. Si pulsamos INTRO en un documento HTML, el salto de lnea se producir en el cdigo, pero no se mostrar en el navegador. Para que se produzca el salto de lnea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto. La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> despus de ella, ya que dicha etiqueta no existe. Por ejemplo, para insertar el texto:

    Queridos usuarios, tengo el placer de comunicaros que hay una nueva seccin.
    Habra que escribir:

    Queridos usuarios,<br>tengo el placer de comunicaros que hay una nueva secci&oacuten.

    Formato Separadores <hr> Sangria de texto <blockquote> Formatear el texto <font> ...

    You might also like