Presentacion html

161 visualizaciones

Publicado el

PODRAS VER LAS PRINCIPALES DIRECTIVAS PARA REALIZAR UNA PAGINA WEB BASICA.

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
161
En SlideShare
0
De insertados
0
Número de insertados
4
Acciones
Compartido
0
Descargas
2
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Presentacion html

  1. 1. <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>
  2. 2. 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 izquierdaPara una justificación al centro: <p align="center">Texto alineado al centro</p>que daría: Texto alineado al centroPara justificar a la derecha: <p align="right">Texto alineado a la derecha</p>cuyo efecto seria:Texto alineado a la derecha
  3. 3. 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>
  4. 4. <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
  5. 5. <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>
  6. 6. <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>
  7. 7. <ul> El resultado: <li>Argentina Países del mundo <li>Perú -Argentina <li>Chile -Perú </ul> -Chile<p>Reglas de comportamiento en eltrabajo</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>
  8. 8. <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>
  9. 9. Las tablas son un poderosa herramienta a la hora de mostrar y relacionarcierto tipo de información. Aún cuando muchos sitios son construidos (por sunaturaleza) sin usar una simple tabla, existen algunas ocasiones en que elvalor de las tablas se vuelve esencial.

×