1 / 15

HTML – Principales Etiquetas

HTML – Principales Etiquetas. < br > - <p> - < h n> - < strong > - <i> - < font >. Salto de línea < br >. Todo el texto que colocamos en el cuerpo ( body ), aparece en una misma línea, no importa si colocamos Enter .

saul
Download Presentation

HTML – Principales Etiquetas

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML – Principales Etiquetas <br> - <p> - <hn> - <strong> - <i> - <font>

  2. Salto de línea <br> • Todo el texto que colocamos en el cuerpo (body), aparece en una misma línea, no importa si colocamos Enter. • Para indicarle al navegador que pase a la siguiente línea lo hacemos con la etiqueta <br>. • Cuando aparece la etiqueta <br> el navegador continua el texto en la próxima línea. • Esta etiqueta NO TIENE marca de cerrado (es decir no finaliza con </br>. • <br> viene de la palabra break.

  3. Salto de línea <br> <html> <head> </head> <body> Argentina <br> Perú <br> Italia <br> Colombia <br> Venezuela <br> Francia. </body> </html> Ejemplo 1

  4. Salto de línea <br> <html> <head> </head> <body> HTML es un lenguaje para crear páginas Web. <br> HTML significa HyperTextMarkupLanguaje. </body> <html> Ejemplo 2

  5. Párrafo <p> • Las etiquetas <p> </p> sirve para separar párrafos. • Hace dos saltos de línea, para dejar una línea en blanco entre los párrafos. • Los párrafos quedan espaciados y se ve mas legible el texto. • <p> viene de la palabra paragraph.

  6. Párrafo <p> <html> <head> </head> <body> <p>Tras haberse reunido con el secretario general de la ONU, el titular de la Asamblea General y el presidente del Consejo de Seguridad, el canciller argentino Héctor Timerman dio en conferencia de prensa más detalles sobre la denuncia de "militarización“.</p> <p>Allí, Timerman denunció que los británicos "han cuadriplicado su poder naval en el Atlántico Sur" con el envío del buque HMS Dauntless. "Se trata de la última generación de barcos en el mundo entero. No hay ningún país de la región que tenga este tipo de embarcación. Ninguno podría hacer frente a este tipo de armamento", argumentó. </p> </body> <html> Ejemplo 3

  7. Párrafo <p> • Se puede modificar la alineación del párrafo mediante el atributo align. • El atributo puede tomar los siguientes valores: • Left: el párrafo se alinea a la izquierda • Right: el párrafo se alinea a la derecha • Center: el párrafo se centra. • Se usa de la siguiente manera: <p align = center> …//Aquí va el párrafo……….. </p>

  8. Párrafo <p> <html> <head> </head> <body> <p align = left>Tras haberse reunido con el secretario general de la ONU, el titular de la Asamblea General y el presidente del Consejo de Seguridad, el canciller argentino Héctor Timerman dio en conferencia de prensa más detalles sobre la denuncia de "militarización“.</p> </body> <html> Ejemplo 4

  9. Títulos: <h1><h2><h3><h4><h5><h6> • Estas etiquetas me permiten cambiar el tamaño de los títulos. • El número indica el tamaño. El tamaño de letra mayor corresponde al 1. El tamaño de letra menor es el 6. • Se usa de la siguiente forma: <h1> Hola </h1> • <h1> viene de heading • Estas etiquetas provocan siempre un salto de línea.

  10. Títulos: <h1><h2><h3><h4><h5><h6> <html> <head> </head> <body> <h1> Hola </h1> <h2> Hola </h2> <h3> Hola </h3> <h4> Hola </h4> <h5> Hola </h5> <h6> Hola </h6> </body> <html> Ejemplo 4

  11. Negrita y Cursiva: <strong> y <i> • <strong> </strong>Estas etiqueta me permite poner el texto en negrita: <strong>Este título esta en negrita </strong> • <i> </i>Estas etiqueta me permite poner el texto en cursiva: <i>Este título esta en cursiva</i> • <i> viene de Italic (cursiva)

  12. Anidar etiquetas!!!! • Se pueden poner etiquetas dentro de otras etiquetas • Por ejemplo quiero que la frase Hola Mundo salga en negrita y en cursiva <i> <strong>Hola Mundo</strong></i> • Tener cuidado de ir cerrando las etiquetas en orden!!!!! • Puedo anidar cuantas etiquetas quiero!!!

  13. Negrita y Cursiva: <b> y <i> <html> <head> </head> <body> <strong> Texto en negrita </ strong > <i> Texto en cursiva </i> < strong > <i> Texto en negrita y en cursiva </i> </b> </body> <html> Ejemplo 4

  14. Etiqueta <font> • Esta etiqueta nos permite nos permite personalizar el texto: tamaño y color. • Los atributos que tiene son: • color: determina el color que se aplica al texto. • size: Determina el tamaño relativo del texto. Los tamaños validos van del 1 al 7. • Como se usa: • <font color=“blue”>Este texto aparece en azul </font> • <fontsize=7> Este texto esta en tamaño 7 </font>

  15. Negrita y Cursiva: <b> y <i> <html> <head> </head> <body> <font color=“blue”>Este texto aparece en azul </font> <fontsize=7> Este texto esta en tamaño 7 </font> </body> <html> Ejemplo 4

More Related