SlideShare una empresa de Scribd logo
Presentacion html
<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>
Presentacion 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>
Presentacion html
<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

PDF
Liderazgo 5
PPT
Aspecto Hot Potatoes
PPTX
Taller i (2)
DOCX
Homenajegustavocerati
PDF
Perfil salida egb (1)
PDF
Perfil salida egb
PDF
Cuestiones urbanísticas francisco javier cervigon ruckauer
PDF
Création d'un profil personnel Facebook sécuritaire
Liderazgo 5
Aspecto Hot Potatoes
Taller i (2)
Homenajegustavocerati
Perfil salida egb (1)
Perfil salida egb
Cuestiones urbanísticas francisco javier cervigon ruckauer
Création d'un profil personnel Facebook sécuritaire

Destacado (20)

PDF
Setec mai201011 pp
PPT
Accroître la sécurité alimentaire: intégration élevage-arbres-cultures au Mali
PDF
Шмаков Антон | QuickResto
ODP
Expose Beurre Noimoutier c2i
PPTX
Kit demarrage rapide Libertagia
PPT
Reflexiones hacia un modelo pedagogico en Desarrollo Económico Local
PPT
Xml un panorama
PDF
Cool edit
PDF
Pasar vinilos a cd
PDF
Carnet desseins4 mars 2009
PPS
Lean Presentación CLEVER OUTPUT + SARDI CONSULTORA
PPT
Presentación de la Charla de la SJG del 28 2012de Abril: Tránsito de Venus 20...
ODP
Le gwo ka
PPT
Módulo 4: Competencias, MTL y gobernanza - - Francisco Alburquerque
PDF
Dix super aliments qui aident à perdre du poids
PDF
Relatos foro enfoque pedagogico
PPSX
Journée du 14 mai 2014
PPT
Poliedros
Setec mai201011 pp
Accroître la sécurité alimentaire: intégration élevage-arbres-cultures au Mali
Шмаков Антон | QuickResto
Expose Beurre Noimoutier c2i
Kit demarrage rapide Libertagia
Reflexiones hacia un modelo pedagogico en Desarrollo Económico Local
Xml un panorama
Cool edit
Pasar vinilos a cd
Carnet desseins4 mars 2009
Lean Presentación CLEVER OUTPUT + SARDI CONSULTORA
Presentación de la Charla de la SJG del 28 2012de Abril: Tránsito de Venus 20...
Le gwo ka
Módulo 4: Competencias, MTL y gobernanza - - Francisco Alburquerque
Dix super aliments qui aident à perdre du poids
Relatos foro enfoque pedagogico
Journée du 14 mai 2014
Poliedros
Publicidad

Similar a Presentacion html (18)

PPTX
Etiquetas html
DOC
Diseño web
PPTX
Creacion de una pagina web con el bloc
PPTX
estructura basica de html
PPTX
Accesibilidad y HTML para editores
PPTX
Aplicacion Wordle
DOCX
Practicas de microsoftword
PPTX
Texto enrriquecido HTML
DOCX
PDF
Etiquetas en html
PPT
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
PPTX
Diseño de paginas con html
DOCX
comandos de pagina web
DOC
G:\DiseñO Wed\Disenoweb
DOC
G:\DiseñO Wed\Disenoweb
DOCX
Estructura html
DOCX
Texto del manual de html
Etiquetas html
Diseño web
Creacion de una pagina web con el bloc
estructura basica de html
Accesibilidad y HTML para editores
Aplicacion Wordle
Practicas de microsoftword
Texto enrriquecido HTML
Etiquetas en html
ETIQUETAS PARA EL DESARROLLO DE PAGINAS WEB CON HTML.ppt
Diseño de paginas con html
comandos de pagina web
G:\DiseñO Wed\Disenoweb
G:\DiseñO Wed\Disenoweb
Estructura html
Texto del manual de html
Publicidad

Último (20)

PDF
Tomo 1 de biologia gratis ultra plusenmas
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PPTX
Doctrina 1 Soteriologuia y sus diferente
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PDF
Metodologías Activas con herramientas IAG
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PDF
biología es un libro sobre casi todo el tema de biología
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
Tomo 1 de biologia gratis ultra plusenmas
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Doctrina 1 Soteriologuia y sus diferente
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
TOMO II - LITERATURA.pd plusenmas ultras
Guia de Tesis y Proyectos de Investigacion FS4 Ccesa007.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
Metodologías Activas con herramientas IAG
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
biología es un libro sobre casi todo el tema de biología
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf

Presentacion html

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