Diseño Web, CONCEPTOS INTRODUCTORIOS PARTE 2
1 ¿Cuál es la etiqueta para imágenes en HTML, y cuál es su función en específico?
La etiqueta que se utiliza para insertar imágenes en HTML es <img>. Su propósito principal radica en la incorporación de elementos gráficos en una página web, enriqueciendo así la experiencia visual de los usuarios.
ejemplo de cómo se utiliza la etiqueta `<img>` en HTML y su función:
```HTML
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de etiqueta de imagen</title>
</head>
<body>
<h1>Ejemplo de etiqueta de imagen</h1>
<img src="ruta_de_la_imagen/imagen.jpg" alt="Descripción de la imagen">
</body>
</html>
```
.png)
En este ejemplo, la etiqueta `<img>` se utiliza para insertar una imagen en la página web. El atributo `src` especifica la ruta de la imagen y el atributo `alt` proporciona un texto descriptivo en caso de que la imagen no se pueda cargar o para usuarios con discapacidad visual. Esto mejora la accesibilidad y la experiencia del usuario.
2 ¿Qué son los atributos de estilo en HTML, y cuáles son sus respectivas funciones en específico?
Los atributos de estilo en HTML son reglas que modifican la apariencia y presentación de elementos, como color, tamaño, entre otros. Estos atributos permiten personalizar el diseño de la página web para mejorar la experiencia visual del usuario.
Ejemplo:
```html
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de Atributos de Estilo en HTML</title>
<style>
p {
color: blue;
font-size: 18px;
}
</style>
</head>
<body>
<p>Este es un párrafo con atributos de estilo aplicados en HTML.</p>
</body>
</html>
.jpg)
ejemplo En este caso, se utiliza la etiqueta `<style>` para aplicar reglas de estilo a los elementos `<p>`. Los atributos como `color` y `font-size` se utilizan para cambiar el color del texto y ajustar el tamaño de fuente, respectivamente. Estos atributos permiten personalizar la apariencia de los elementos en una página web.
3 ¿Cuál es la forma de poner negritas un texto en HTML?
para poder poner los textos en negrita a un texto en HTML, se utilizan las etiquetas <strong> o <b>, ambas logran el mismo efecto visual resaltando el texto.
.jpg)
ejemplo de cómo poner un texto en negritas en HTML utilizando la etiqueta `<strong>`:
```HTML
<p>Este es un <strong>texto en negritas</strong>.</p>
```
Y aquí está el ejemplo utilizando la etiqueta `<b>`:
```HTML
<p>Este es otro <b>texto en negritas</b>.</p>
```
en ambos ejemplos podemos ver el mismo resultado visual, mostrando el texto "en negritas" de manera destacada.
4 ¿Cuál es la forma de poner Cursivas un texto en HTML?
para poner las palabras en cursiva en un texto HTML, se utilizan las etiquetas <em> o <i>, ambas logran el mismo efecto visual inclinando el texto.
.jpg)
ejemplo de cómo poner un texto en cursivas en HTML utilizando la etiqueta `<em>`:
```HTML
<p>Este es un <em>texto en cursivas</em>.</p>
```
También se puede utilizar la etiqueta `<i>` para lograr el mismo efecto:
```HTML
<p>Este es otro <i>texto en cursivas</i>.</p>
```
Ambos ejemplos mostrarán el texto "en cursivas" de manera inclinada, dando el efecto visual de texto en itálicas.
5 ¿Para qué sirve el atributo "Strong" y que diferencia tiene con negritas?
El atributo "strong" en HTML se utiliza para dar énfasis importante a un texto, otorgándole un peso semántico.
.jpg)
ejemplos que ilustra el uso del atributo `strong` y la diferencia con las negritas en HTML:
```html
<p>Este es un <strong>texto importante</strong> en un contexto específico.</p>
<p>Este es un <b>texto en negritas</b> para resaltar visualmente, pero sin implicar importancia adicional.</p>
```
En el primer ejemplo, se utiliza la etiqueta `<strong>` para dar énfasis importante al texto "texto importante". Aunque se mostrará en negritas, su significado es que tiene una importancia semántica dentro del contexto del documento.
En el segundo ejemplo, se emplea la etiqueta `<b>` para poner el texto "texto en negritas" en negritas, pero sin darle un significado adicional en términos de importancia semántica. La diferencia clave es que `<b>` es una presentación visual, mientras que `<strong>` tiene un significado contextual importante.
Comentarios
Publicar un comentario