DIRECTIVAS BASICAS HTML
Descargar como PPTX, PDF0 recomendaciones5,152 vistas
Este documento proporciona instrucciones sobre cómo crear tablas en HTML. Explica que las tablas son una herramienta poderosa para mostrar y relacionar información, y que aunque muchos sitios web no las usan, existen ocasiones en que son esenciales. Luego describe cómo crear una tabla básica usando las etiquetas <table>, <tr> para filas, y <td> para celdas.
DIRECTIVAS BASICAS 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.