Introducción al Diseño Web 2

"Introducción al Diseño Web 2"

1. ¿Cual es la etiqueta para imágenes en HTML,y Cual es su función?

Para incluir imágenes en el contenido de una página utilizaremos la etiqueta <img>, que es una etiqueta muy sencilla, que dispone de varios atributos para modificar como se verá la imagen (los atributos src y alt son siempre obligatorios)

funciones:

src: Indica el nombre o la URL de la imagen a mostrar.

alt: Establece un texto alternativo para mostrar en el caso que la imagen no se pueda mostrar.

width: Indica el ancho de la imagen. No se debe indicar unidad. Se aconseja hacerlo desde CSS.


height: Indica el alto de la imagen. No se debe indicar unidad. Se aconseja hacerlo desde CSS.

Ejemplos:

1.<img src="http://lenguajehtml.com/img/html5-logo.png" alt="Logotipo de HTML5" width="400" height="453">

2.<a href="http://servidor/recurso.html">texto del enlace</a> urso.html">texto del enlace</a>

3.<a href="recurso.html" target="_blank">texto del enlace</a>


2.¿Que son  los atributos de estilo en html,y cuales son sus respectiva funciones en especifico?



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.

Cuales son sus respectiva funciones en especifico:


<noscript> Define un contenido alternativo para los usuarios que no soportan scripts del clienteç

<link> Define la relación entre un documento y un recurso externo (generalmente con hojas de estilo)

<ins> Define texto que ha sido insertado en un documento


<header> Define la sección de encabezado del docuemnto


Ejemplos:


<p onclick="this.style.color='red'">Este párrafo ...</p>

Enlace externo
<p ondblclick="this.style.color='red'">Este párrafo ...</p>

Enlace externo
<p onmouseup="this.style.color='red'">Este párrafo ...</p>

Enlace externo

<p onmousedown="this.style.color='red'">Este párrafo ...</p>


3.¿Cual es la forma de poner negritas en 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.

4.¿Cual es la forma de poner cursiva en un texto html?


Existen varias etiquetas para poner cursiva en un texto:<i> y <em>. estas etiquetes deben ir siempre acompañadas de un cierre .
Al igual que con em ademas de mostrar un texto en cursiba tambien esta señalado a los buscadores. 

Ejemplos:

1.<i>Asi es como es pone un texto en cursiva <i>

2. <em>Y asi tambien se pone un texto en cursiva</em>


 5.¿Para que sirve el atributo strong y  que diferencia tiene de la negrita ?

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



Diferencia entre strong y las negritas:


Básicamente, <strong> se debería utilizar cuando se va a hacer enfasis en un texto, por ejemplo algo que debería leerse en voz alta, para que los lectores (o quienes escuchan) lo tengan muy en cuenta.
<b> se debería usar para el aspecto visual únicamente, si el texto entre dichas etiquetas no necesariamente es más importante o no requiere más enfasis que el resto, pero queremos que esté en bold por el motivo que consideremos, entonces es la etiqueta adecuada.




Comentarios