Introducción al Diseño Web 2

¿Cuál es la etiqueta para imágenes en HTML?

Las imágenes utilizadas en una página web pueden ser de dos tipos: de contenido o de decoración. En el primer caso, si la imagen pertenece al contenido y tema tratado en esa página, debería incluirse mediante una etiqueta HTML <img>, pero si por el contrario pertenece a la decoración de la página, deberíamos incluirla como un fondo mediante la propiedad CSS background-image.

Ejemplo:


<img src="http://lenguajehtml.com/img/html5-logo.png" alt="Logotipo de HTML5" width="400" height="453">
<img src="html/imagenes/prueba.jpg" style="max-width:100%;width:auto;height:auto;">

¿Que son los atributos de estilo en HTML?

Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto:


Ejemplo 1:

<etiqueta atributo="valor_de_atributo">

<etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2" >

En el XHTML los atributos tienen que estar siempre definidos (mediante el signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples.

Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqueta <html>) y algunas etiquetas tienen unos atributos específicos. En esta lección se comentan los atributos comunes; los atributos específicos se comentan en las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, etc).


Ejemplo 2:

Atributo:                                                                             Descripción:


id = "texto"               Establece un identificador único a cada elemento dentro de una página HTML.

class = "texto"               Establece la clase CSS que se aplica a los estilos del elemento.

style = "texto"          Establece de forma directa los estilos CSS de un elemento.


¿Cual es la forma de poner negritas un texto en HTML?

Para poner negritas hay dos etiquetas que también han de tener su cierre: <b> y <strong>. Ejemplo:

<b>Así es como se pone un texto en negrita</b>

<strong>Y así también se pone un texto en negrita</strong>

Las dos etiquetas tienen la misma función pero la strong le da más fuerza de cara a los buscadores, por lo que sería aconsejable utilizar más esta etiqueta.




¿Cual es la forma de poner Cursivas un texto en HTML?

Existen varias etiquetas para poner en cursiva un texto: <i> y <em>. Estas etiquetas deben ir siempre acompañadas de un cierre, por ejemplo:

<i>Así es como se pone un texto en cursiva<i>

<em>Y así también se pone un texto en cursiva</em>

Al igual que con otras etiquetas, em, además de mostrar un texto en cursiva, también está señalando a los buscadores que esa parte del contenido es relevante. La cursiva también es empleada para resaltar otras fuentes, nombres propios o bien palabras en otros idiomas:


¿Para que sirve el atributo "Strong" y que diferencia tiene con negritas?

El elemento strong es el apropiado para marcar con especial énfasis las partes más importantes de un texto.

Sus etiquetas son: <strong> y </strong> (ambas obligatorias)
Crea una caja: en linea.
Está definido como: Elemento de frase.
Puede contener: cero o más elementos en linea.

Ejemplo: 

1-) <p>

2-) <em>El dinero</em> es importante pero <strong>la salud</strong> lo es más.

3-) </p>



Comentarios

Entradas populares