SlideShare uma empresa Scribd logo
1 de 12
<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.

Mais conteúdo relacionado

Destaque

Le traitement du signal en Audio. Les procédés de compression audio. Présent...
Le traitement du signal en Audio. Les  procédés de compression audio. Présent...Le traitement du signal en Audio. Les  procédés de compression audio. Présent...
Le traitement du signal en Audio. Les procédés de compression audio. Présent...
Vincent RECIPON
 
Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014
Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014
Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014
APSE-ASSO
 
La Sagrada Família. Diamond, 4rt primària | 16/03/11
La Sagrada Família. Diamond, 4rt primària | 16/03/11La Sagrada Família. Diamond, 4rt primària | 16/03/11
La Sagrada Família. Diamond, 4rt primària | 16/03/11
Princess Margaret School
 
Présentation candidats finalistes 2013 2013.10.15
Présentation candidats finalistes 2013 2013.10.15Présentation candidats finalistes 2013 2013.10.15
Présentation candidats finalistes 2013 2013.10.15
GroupeTriangle
 
Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...
Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...
Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...
SOCIEDAD JULIO GARAVITO
 
Coupe du Monde 2014: Droit au but.
Coupe du Monde 2014: Droit au but. Coupe du Monde 2014: Droit au but.
Coupe du Monde 2014: Droit au but.
PHD_France
 

Destaque (20)

Electronique analogique
Electronique analogiqueElectronique analogique
Electronique analogique
 
Ntp 001
Ntp 001Ntp 001
Ntp 001
 
Modificación de modelos
Modificación de modelosModificación de modelos
Modificación de modelos
 
Maupassant la vie errante
Maupassant la vie erranteMaupassant la vie errante
Maupassant la vie errante
 
VIAJES VIRTUALES
VIAJES VIRTUALESVIAJES VIRTUALES
VIAJES VIRTUALES
 
Presentación de avances ConectaDEL 2012
Presentación de avances ConectaDEL 2012Presentación de avances ConectaDEL 2012
Presentación de avances ConectaDEL 2012
 
Le traitement du signal en Audio. Les procédés de compression audio. Présent...
Le traitement du signal en Audio. Les  procédés de compression audio. Présent...Le traitement du signal en Audio. Les  procédés de compression audio. Présent...
Le traitement du signal en Audio. Les procédés de compression audio. Présent...
 
Presentacion 3
Presentacion 3Presentacion 3
Presentacion 3
 
Premiers pas
Premiers pasPremiers pas
Premiers pas
 
Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014
Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014
Les salariés de l'incertitude / conférence-débat APSE / 22 janvier 2014
 
La Sagrada Família. Diamond, 4rt primària | 16/03/11
La Sagrada Família. Diamond, 4rt primària | 16/03/11La Sagrada Família. Diamond, 4rt primària | 16/03/11
La Sagrada Família. Diamond, 4rt primària | 16/03/11
 
Présentation de la mission de la délégation marocaine au Pays-Bas
Présentation de la mission de la délégation marocaine au Pays-BasPrésentation de la mission de la délégation marocaine au Pays-Bas
Présentation de la mission de la délégation marocaine au Pays-Bas
 
Présentation candidats finalistes 2013 2013.10.15
Présentation candidats finalistes 2013 2013.10.15Présentation candidats finalistes 2013 2013.10.15
Présentation candidats finalistes 2013 2013.10.15
 
Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...
Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...
Conferencia del 1 de Diciembre de 2012: El Viaje a China y el Tibet - Sala de...
 
El corto
El cortoEl corto
El corto
 
Coupe du Monde 2014: Droit au but.
Coupe du Monde 2014: Droit au but. Coupe du Monde 2014: Droit au but.
Coupe du Monde 2014: Droit au but.
 
Buzz
BuzzBuzz
Buzz
 
¿Ganar pasta con apps? Tráfico y conversiones
¿Ganar pasta con apps? Tráfico y conversiones¿Ganar pasta con apps? Tráfico y conversiones
¿Ganar pasta con apps? Tráfico y conversiones
 
Presentación curso de Gestión de Aulas Virtuales en Moodle.
Presentación curso de Gestión de Aulas Virtuales en Moodle.Presentación curso de Gestión de Aulas Virtuales en Moodle.
Presentación curso de Gestión de Aulas Virtuales en Moodle.
 
Programa de Buenas Practicas de Fabricación
Programa de Buenas Practicas de FabricaciónPrograma de Buenas Practicas de Fabricación
Programa de Buenas Practicas de Fabricación
 

Semelhante a Presentacion html (13)

Pagina con maquetacion
Pagina con maquetacionPagina con maquetacion
Pagina con maquetacion
 
Proceso transversal wh computo
Proceso transversal wh computoProceso transversal wh computo
Proceso transversal wh computo
 
Ejercicios en css
Ejercicios en cssEjercicios en css
Ejercicios en css
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletos
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
html
htmlhtml
html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
HTML
HTMLHTML
HTML
 
Html jean
Html jeanHtml jean
Html jean
 

Presentacion html

  • 1.
  • 2. <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>
  • 3.
  • 4. 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
  • 5. 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>
  • 6. <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
  • 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>
  • 9.
  • 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 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.