SlideShare una empresa de 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.

Más contenido relacionado

Destacado

Mission Camps de Migrant du Nord de la France
Mission Camps de Migrant du Nord de la FranceMission Camps de Migrant du Nord de la France
Mission Camps de Migrant du Nord de la FranceGynsf
 
Desarrollo local y bienes colectivos lima marzo 2012
Desarrollo local y bienes colectivos lima marzo 2012Desarrollo local y bienes colectivos lima marzo 2012
Desarrollo local y bienes colectivos lima marzo 2012ConectaDEL
 
Transporte cadena-tlc
Transporte cadena-tlcTransporte cadena-tlc
Transporte cadena-tlcluigi14777
 
La Dimensión Ética de la Vida y Obra de Wernher Von Braun 23 de Febrero 2013
La Dimensión Ética de la Vida y Obra de Wernher Von Braun   23 de Febrero 2013La Dimensión Ética de la Vida y Obra de Wernher Von Braun   23 de Febrero 2013
La Dimensión Ética de la Vida y Obra de Wernher Von Braun 23 de Febrero 2013SOCIEDAD JULIO GARAVITO
 
Presentacion laminas corel
Presentacion laminas corelPresentacion laminas corel
Presentacion laminas corelargenissalinas
 
Aplicaciones finalizado
Aplicaciones finalizadoAplicaciones finalizado
Aplicaciones finalizadomrsflowers16
 
G050- Seguridad Durante la Construccion
G050- Seguridad Durante la ConstruccionG050- Seguridad Durante la Construccion
G050- Seguridad Durante la ConstruccionLuis Alberto
 
Le maître de l'olympe
Le maître de l'olympeLe maître de l'olympe
Le maître de l'olympeAlagar05
 
Les comportements utilisateurs sur Google Search
Les comportements utilisateurs sur Google SearchLes comportements utilisateurs sur Google Search
Les comportements utilisateurs sur Google SearchSTELL Thibaud
 
Salvador .
Salvador . Salvador .
Salvador . grupolv
 
Le bizarre incident du lama pendant l’école
Le bizarre incident du lama pendant l’écoleLe bizarre incident du lama pendant l’école
Le bizarre incident du lama pendant l’écoleVictor Dima
 
conectaDEL resultados esperados programa
conectaDEL resultados esperados programaconectaDEL resultados esperados programa
conectaDEL resultados esperados programaConectaDEL
 

Destacado (20)

Mouse
MouseMouse
Mouse
 
Mission Camps de Migrant du Nord de la France
Mission Camps de Migrant du Nord de la FranceMission Camps de Migrant du Nord de la France
Mission Camps de Migrant du Nord de la France
 
Desarrollo local y bienes colectivos lima marzo 2012
Desarrollo local y bienes colectivos lima marzo 2012Desarrollo local y bienes colectivos lima marzo 2012
Desarrollo local y bienes colectivos lima marzo 2012
 
UML
UMLUML
UML
 
Transporte cadena-tlc
Transporte cadena-tlcTransporte cadena-tlc
Transporte cadena-tlc
 
Apomipe cbc
Apomipe cbcApomipe cbc
Apomipe cbc
 
Expo grupo 05
Expo grupo 05Expo grupo 05
Expo grupo 05
 
La Dimensión Ética de la Vida y Obra de Wernher Von Braun 23 de Febrero 2013
La Dimensión Ética de la Vida y Obra de Wernher Von Braun   23 de Febrero 2013La Dimensión Ética de la Vida y Obra de Wernher Von Braun   23 de Febrero 2013
La Dimensión Ética de la Vida y Obra de Wernher Von Braun 23 de Febrero 2013
 
ART SKA
ART SKAART SKA
ART SKA
 
Presentacion laminas corel
Presentacion laminas corelPresentacion laminas corel
Presentacion laminas corel
 
Cahier personnel hda
Cahier personnel hdaCahier personnel hda
Cahier personnel hda
 
Aplicaciones finalizado
Aplicaciones finalizadoAplicaciones finalizado
Aplicaciones finalizado
 
G050- Seguridad Durante la Construccion
G050- Seguridad Durante la ConstruccionG050- Seguridad Durante la Construccion
G050- Seguridad Durante la Construccion
 
Le maître de l'olympe
Le maître de l'olympeLe maître de l'olympe
Le maître de l'olympe
 
Les comportements utilisateurs sur Google Search
Les comportements utilisateurs sur Google SearchLes comportements utilisateurs sur Google Search
Les comportements utilisateurs sur Google Search
 
Disney channel Programación
Disney channel ProgramaciónDisney channel Programación
Disney channel Programación
 
Salvador .
Salvador . Salvador .
Salvador .
 
Le bizarre incident du lama pendant l’école
Le bizarre incident du lama pendant l’écoleLe bizarre incident du lama pendant l’école
Le bizarre incident du lama pendant l’école
 
conectaDEL resultados esperados programa
conectaDEL resultados esperados programaconectaDEL resultados esperados programa
conectaDEL resultados esperados programa
 
Tema 1
Tema 1Tema 1
Tema 1
 

Similar a Presentacion html

Proceso transversal wh computo
Proceso transversal wh computoProceso transversal wh computo
Proceso transversal wh computosheillah
 
Ejercicios en css
Ejercicios en cssEjercicios en css
Ejercicios en cssClaretiano
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTMLrogeliotapia
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1Vicky BarMen
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletosLuis Armando
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra julianmartin22
 
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 parteWendy Navia Chambi
 

Similar 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.