Como ya hemos visto anteriormente creamos un sitio, el cual muestra el texto "¡Hola Mundo!". en este post, veremos las etiquetas que se pueden utilizar para tener texto con diferente formatos y tamaños, Entonces comencemos modificando el index.html, que habíamos creado, recuerden que necesitan abrir el bloc de notas en windows o cualquier editor de texto plano, y un navegador. Hola Mundo ¡Hola Mundo! A continuación explicaremos las siguientes etiquetas :
Salto de línea Modificar tamaño texto Enlace
Salto de línea
Modificar tamaño texto Enlace
Insertar imágen Eqtiqueta
: Salto de línea para seguir avanzando, debemos saber que el texto que ingresemos en el body, será interpretado como una sola línea, es decir si queremos mostrar: 1) Hola Mundo 2) Hola Mundo 3) Hola Mundo prueben copiando y pegando el texto anterior en el body. del archivo index.html como habrán visto, la página muestra "1) Hola Mundo 2) Hola Mundo 3) Hola Mundo" ya que como dijimos se interpreta todo el texto como una sola línea. Para indicar que hay un salto de línea hay que ingresar la etiqueta
ahora modifiquen el ingresando la etiquetas
al final de cada línea 1) Hola Mundo
2) Hola Mundo
3) Hola Mundo
4) Hola Mundo
5) Hola Mundo
6) Hola Mundo
que ocurre? luego de cada
, hay un salto de linea. inclusive en los puntos 4,5 y 6 correctamente aprecen los saltos de línea. Eqtiqueta : Modificar tamaño texto Es una etiqueta, utilizada principalmente para indicar los títulos, donde la etiqueta es la de mayor tamaño, seguida por , , , y , las cuales son de menor tamaño probemos haber como son estas etiquetas, recuerda que tienes que abrir y cerrar las etiquetas Aqui tenemos un texto con H1
Aqui tenemos un texto con H2
Aqui tenemos un texto con H3
Aqui tenemos un texto con H4
Aqui tenemos un texto con H5
Aqui tenemos un texto con H6
peguemos este código en el body. Observen que se encuentran ademas la etiqueta
, para separa las etiquetas , y demas... y así es lo que muestra el navegador. Aqui tenemos un texto con H1 Aqui tenemos un texto con H2 Aqui tenemos un texto con H3 Aqui tenemos un texto con H4 Aqui tenemos un texto con H5 Aqui tenemos un texto con H6 Como vemos h1 es útil, para mostrar títulos. Eqtiqueta : Enlace Etiqueta utilizada para cargar una nueva página, en el navegador. se utiliza de la siguiente manera: Ir a Sitio Taringa como vemos se utilizan la etiqueta , donde tenemos un href="" el cual indica la Url, a donde rederigimos, y dentro de las etiquetas se coloca lo que va a mostrar el navegador Eqtiqueta
: Insertar imágen ¿Pero que sería de los sitio, si solo fuesen texto? Por eso presentamos, la etiqueta para mostrar imágenes
Entonces insertemos dentro del body, el siguiente código
en detalle tenemos : se utiliza una etiqueta
dentro tenemos un src en el cual se indica la dirección de la imagen tenemos el alt y title donde se ingresa texto con relación a la imagen Con lo aprendido inclusive podemos utilizar una imagen como enlace, ejemplo para tener un botón en el sitio, ¿como lo hacemos? Pista: recuerden que deben utilizar la etiqueta y la ![]()
es la de mayor tamaño, seguida por , , , y , las cuales son de menor tamaño probemos haber como son estas etiquetas, recuerda que tienes que abrir y cerrar las etiquetas Aqui tenemos un texto con H1
Aqui tenemos un texto con H2
Aqui tenemos un texto con H3
Aqui tenemos un texto con H4
Aqui tenemos un texto con H5
Aqui tenemos un texto con H6
peguemos este código en el body. Observen que se encuentran ademas la etiqueta
, para separa las etiquetas , y demas... y así es lo que muestra el navegador. Aqui tenemos un texto con H1 Aqui tenemos un texto con H2 Aqui tenemos un texto con H3 Aqui tenemos un texto con H4 Aqui tenemos un texto con H5 Aqui tenemos un texto con H6 Como vemos h1 es útil, para mostrar títulos. Eqtiqueta : Enlace Etiqueta utilizada para cargar una nueva página, en el navegador. se utiliza de la siguiente manera: Ir a Sitio Taringa como vemos se utilizan la etiqueta , donde tenemos un href="" el cual indica la Url, a donde rederigimos, y dentro de las etiquetas se coloca lo que va a mostrar el navegador Eqtiqueta
: Insertar imágen ¿Pero que sería de los sitio, si solo fuesen texto? Por eso presentamos, la etiqueta para mostrar imágenes
Entonces insertemos dentro del body, el siguiente código
en detalle tenemos : se utiliza una etiqueta
dentro tenemos un src en el cual se indica la dirección de la imagen tenemos el alt y title donde se ingresa texto con relación a la imagen Con lo aprendido inclusive podemos utilizar una imagen como enlace, ejemplo para tener un botón en el sitio, ¿como lo hacemos? Pista: recuerden que deben utilizar la etiqueta y la ![]()
, , y , las cuales son de menor tamaño probemos haber como son estas etiquetas, recuerda que tienes que abrir y cerrar las etiquetas Aqui tenemos un texto con H1
Aqui tenemos un texto con H2
Aqui tenemos un texto con H3
Aqui tenemos un texto con H4
Aqui tenemos un texto con H5
Aqui tenemos un texto con H6
peguemos este código en el body. Observen que se encuentran ademas la etiqueta
, para separa las etiquetas , y demas... y así es lo que muestra el navegador. Aqui tenemos un texto con H1 Aqui tenemos un texto con H2 Aqui tenemos un texto con H3 Aqui tenemos un texto con H4 Aqui tenemos un texto con H5 Aqui tenemos un texto con H6 Como vemos h1 es útil, para mostrar títulos. Eqtiqueta : Enlace Etiqueta utilizada para cargar una nueva página, en el navegador. se utiliza de la siguiente manera: Ir a Sitio Taringa como vemos se utilizan la etiqueta , donde tenemos un href="" el cual indica la Url, a donde rederigimos, y dentro de las etiquetas se coloca lo que va a mostrar el navegador Eqtiqueta
: Insertar imágen ¿Pero que sería de los sitio, si solo fuesen texto? Por eso presentamos, la etiqueta para mostrar imágenes
Entonces insertemos dentro del body, el siguiente código
en detalle tenemos : se utiliza una etiqueta
dentro tenemos un src en el cual se indica la dirección de la imagen tenemos el alt y title donde se ingresa texto con relación a la imagen Con lo aprendido inclusive podemos utilizar una imagen como enlace, ejemplo para tener un botón en el sitio, ¿como lo hacemos? Pista: recuerden que deben utilizar la etiqueta y la ![]()
y , las cuales son de menor tamaño probemos haber como son estas etiquetas, recuerda que tienes que abrir y cerrar las etiquetas Aqui tenemos un texto con H1
Aqui tenemos un texto con H2
Aqui tenemos un texto con H3
Aqui tenemos un texto con H4
Aqui tenemos un texto con H5
Aqui tenemos un texto con H6
peguemos este código en el body. Observen que se encuentran ademas la etiqueta
, para separa las etiquetas , y demas... y así es lo que muestra el navegador. Aqui tenemos un texto con H1 Aqui tenemos un texto con H2 Aqui tenemos un texto con H3 Aqui tenemos un texto con H4 Aqui tenemos un texto con H5 Aqui tenemos un texto con H6 Como vemos h1 es útil, para mostrar títulos. Eqtiqueta : Enlace Etiqueta utilizada para cargar una nueva página, en el navegador. se utiliza de la siguiente manera: Ir a Sitio Taringa como vemos se utilizan la etiqueta , donde tenemos un href="" el cual indica la Url, a donde rederigimos, y dentro de las etiquetas se coloca lo que va a mostrar el navegador Eqtiqueta
: Insertar imágen ¿Pero que sería de los sitio, si solo fuesen texto? Por eso presentamos, la etiqueta para mostrar imágenes
Entonces insertemos dentro del body, el siguiente código
en detalle tenemos : se utiliza una etiqueta
dentro tenemos un src en el cual se indica la dirección de la imagen tenemos el alt y title donde se ingresa texto con relación a la imagen Con lo aprendido inclusive podemos utilizar una imagen como enlace, ejemplo para tener un botón en el sitio, ¿como lo hacemos? Pista: recuerden que deben utilizar la etiqueta y la ![]()
Aqui tenemos un texto con H1
Aqui tenemos un texto con H2
Aqui tenemos un texto con H3
Aqui tenemos un texto con H4
Aqui tenemos un texto con H5
Aqui tenemos un texto con H6
peguemos este código en el body. Observen que se encuentran ademas la etiqueta
, para separa las etiquetas
, y demas... y así es lo que muestra el navegador. Aqui tenemos un texto con H1 Aqui tenemos un texto con H2 Aqui tenemos un texto con H3 Aqui tenemos un texto con H4 Aqui tenemos un texto con H5 Aqui tenemos un texto con H6 Como vemos h1 es útil, para mostrar títulos. Eqtiqueta : Enlace Etiqueta utilizada para cargar una nueva página, en el navegador. se utiliza de la siguiente manera: Ir a Sitio Taringa como vemos se utilizan la etiqueta , donde tenemos un href="" el cual indica la Url, a donde rederigimos, y dentro de las etiquetas se coloca lo que va a mostrar el navegador Eqtiqueta
: Insertar imágen ¿Pero que sería de los sitio, si solo fuesen texto? Por eso presentamos, la etiqueta para mostrar imágenes
Entonces insertemos dentro del body, el siguiente código
en detalle tenemos : se utiliza una etiqueta
dentro tenemos un src en el cual se indica la dirección de la imagen tenemos el alt y title donde se ingresa texto con relación a la imagen Con lo aprendido inclusive podemos utilizar una imagen como enlace, ejemplo para tener un botón en el sitio, ¿como lo hacemos? Pista: recuerden que deben utilizar la etiqueta y la ![]()
en detalle tenemos : se utiliza una etiqueta