<html>”Inicia de la pagina web”
<head> “Encabezado”
<title>MI PRIMERA PAG WEB</title> “Titulo de la Ventana”
</head>

<body>
<p><b>Bienvenido,</b></p> “Utilización de instrucciones”
<p>Estás en la página <b>Pagina Web</b>.</p>
<p>p>
</body>
</html>
introducir un texto alineado a la izquierda escribiríamos:
<p align="left">Texto alineado a la izquierda</p>
El resultado seria:

                                    Texto alineado a la izquierda

Para una justificación al centro: <p align="center">Texto alineado al centro</p>
que daría:

                 Texto alineado al centro

Para justificar a la derecha: <p align="right">Texto alineado a la derecha</p>
cuyo efecto seria:

Texto alineado a la derecha
La etiqueta en concreto es la <h1>, para los encabezados más grandes, <h2>
   para los de segundo nivel y así hasta <h6> que es el encabezado más
   pequeño.
<html>
<head>
<title>Todos los encabezados</title>
</head>
<body>
<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
</body>
</html>
<MARQUEE> Texto que se desplaza </MARQUEE>>

<MARQUEE DIRECTION=LEFT> Texto que se desplaza </MARQUEE>

 DIRECTION= Establece en que dirección se mueve el contenido
 del bloque en la pantalla. Puede tener dos valores:
 LEFT izquierda (por defecto)
 RIGHT derecha
<b>Texto en negrita</b>                      <i>Texto en itálica</i>



                        <U>Texto en itálica</U>




    Atributo FONT


<font face="Comic Sans MS,arial,verdana">Este texto</font>


<font size=4>Este texto es más grande</font> >


<font color="red">Este texto está en rojo</font>
<body background="fondo.jpg">




<img src="img1.gif" width="28" height="21" alt="Tamaño original" border="3">




<EMBED SRC="imagine.mid" AUTOSTART=true LOOP=true VOLUME="80"
WIDTH="0" HEIGHT="0">



 <BGSOUND SRC="imagine.mid" LOOP=INFINITE>
<ul>                                 El resultado:
   <li>Argentina                      Países del mundo
   <li>Perú                           -Argentina
   <li>Chile                          -Perú
 </ul>                                -Chile




<p>Reglas de comportamiento en el
trabajo</p>                           Reglas de comportamiento en
<ol>                                  el trabajo
<li>El jefe siempre tiene la razón    El jefe siempre tiene la razón
<li>En caso de duda aplicar regla 1   En caso de duda aplicar regla 1
</ol>
<p>Ordenamos por numeros</p>   Ordenamos por numeros
<ol type="1">                  romanos empezando por el 10
<li>Elemento 1
                               I. Elemento x
<li> Elemento 2
</ol>
                               II Elemento xi




 <p>Ciudades del mundo</p>      Ciudades del mundo
 <ul>
   <li>Argentina                1,Argentina
   <ol>                             1.1Buenos Aires
      <li>Buenos Aires              1.2Bariloche
      <li>Bariloche
   </ol>
                                2Uruguay
   <li>Uruguay                      2.1Montevideo
   <ol>                             2.2Punta del Este
      <li>Montevideo
      <li>Punta del Este
   </ol>
 </ul>
Las tablas son un poderosa herramienta a la hora de mostrar y relacionar
cierto tipo de información. Aún cuando muchos sitios son construidos (por su
naturaleza) sin usar una simple tabla, existen algunas ocasiones en que el
valor de las tablas se vuelve esencial.

Presentacion html

  • 2.
    <html>”Inicia de lapagina web” <head> “Encabezado” <title>MI PRIMERA PAG WEB</title> “Titulo de la Ventana” </head> <body> <p><b>Bienvenido,</b></p> “Utilización de instrucciones” <p>Estás en la página <b>Pagina Web</b>.</p> <p>p> </body> </html>
  • 4.
    introducir un textoalineado a la izquierda escribiríamos: <p align="left">Texto alineado a la izquierda</p> El resultado seria: Texto alineado a la izquierda Para una justificación al centro: <p align="center">Texto alineado al centro</p> que daría: Texto alineado al centro Para justificar a la derecha: <p align="right">Texto alineado a la derecha</p> cuyo efecto seria: Texto alineado a la derecha
  • 5.
    La etiqueta enconcreto es la <h1>, para los encabezados más grandes, <h2> para los de segundo nivel y así hasta <h6> que es el encabezado más pequeño. <html> <head> <title>Todos los encabezados</title> </head> <body> <h1>Encabezado de nivel 1</h1> <h2>Encabezado de nivel 2</h2> <h3>Encabezado de nivel 3</h3> <h4>Encabezado de nivel 4</h4> <h5>Encabezado de nivel 5</h5> <h6>Encabezado de nivel 6</h6> </body> </html>
  • 6.
    <MARQUEE> Texto quese desplaza </MARQUEE>> <MARQUEE DIRECTION=LEFT> Texto que se desplaza </MARQUEE> DIRECTION= Establece en que dirección se mueve el contenido del bloque en la pantalla. Puede tener dos valores: LEFT izquierda (por defecto) RIGHT derecha
  • 7.
    <b>Texto en negrita</b> <i>Texto en itálica</i> <U>Texto en itálica</U> Atributo FONT <font face="Comic Sans MS,arial,verdana">Este texto</font> <font size=4>Este texto es más grande</font> > <font color="red">Este texto está en rojo</font>
  • 8.
    <body background="fondo.jpg"> <img src="img1.gif"width="28" height="21" alt="Tamaño original" border="3"> <EMBED SRC="imagine.mid" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0"> <BGSOUND SRC="imagine.mid" LOOP=INFINITE>
  • 10.
    <ul> El resultado: <li>Argentina Países del mundo <li>Perú -Argentina <li>Chile -Perú </ul> -Chile <p>Reglas de comportamiento en el trabajo</p> Reglas de comportamiento en <ol> el trabajo <li>El jefe siempre tiene la razón El jefe siempre tiene la razón <li>En caso de duda aplicar regla 1 En caso de duda aplicar regla 1 </ol>
  • 11.
    <p>Ordenamos por numeros</p> Ordenamos por numeros <ol type="1"> romanos empezando por el 10 <li>Elemento 1 I. Elemento x <li> Elemento 2 </ol> II Elemento xi <p>Ciudades del mundo</p> Ciudades del mundo <ul> <li>Argentina 1,Argentina <ol> 1.1Buenos Aires <li>Buenos Aires 1.2Bariloche <li>Bariloche </ol> 2Uruguay <li>Uruguay 2.1Montevideo <ol> 2.2Punta del Este <li>Montevideo <li>Punta del Este </ol> </ul>
  • 12.
    Las tablas sonun poderosa herramienta a la hora de mostrar y relacionar cierto tipo de información. Aún cuando muchos sitios son construidos (por su naturaleza) sin usar una simple tabla, existen algunas ocasiones en que el valor de las tablas se vuelve esencial.