InicioCiencia EducacionCrea tu primer Sitio Web 2° Parte : Etiquetas

Crea tu primer Sitio Web 2° Parte : Etiquetas

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 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 Paisaje La Mancha 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

J
Julian_dbe🇦🇷
Usuario
Puntos0
Posts3
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.