Introducción al diseño web 2.

Etiquetas de HTML.

Etiqueta de imagen en HTML.

La etiqueta de imagen en HTML es: <img> esta etiqueta es una uni-etiqueta, esto quiere decir que no tiene etiqueta para cerrar solo para abrir.

Esta etiqueta te permite colocar imágenes a tus paginas o sitios web, ya sea desde Internet (una dirección URL) o una que tengas guardada en tu computadora, con esta etiqueta podrás.

Esta etiqueta, para poder funcionar debe ir acompañado de un atributivo el cual es: src y alt.

Ejemplos.

Ej.1

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

Ej.2

<img src= "https://www.marketingdirecto.com/wp-content/uploads/2016/11/cool.jpg">

Ej.3

<img src=

"http://tusimagenesde.com/wp-content/uploads/2018/01/imagenes-cool-2.jpg" width="450" height="350">

¿Qué son los atributos en html?

Los atributos sirven en caso de algunas etiquetas, que solo funcionaran con uno o varios en atributos especifico.

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

Los atributos de las etiquetas HTML, estos tienen la función de definir detalles de comportamiento o presentación de la etiqueta a los que se les coloca. Estos como ya dige antes se escriben dentro de la propia etiqueta con su nombre de atributo y el valor del atributo entre comillas.

Ejemplos de atributos y sus funciones.

SRC

El atributo src se utiliza acompañado de la etiqueta <img> que es para imágenes. Este atributo es el que indica donde va a estar situada la imagen.

Width

Este atributo también es utilizado con la etiqueta <img> (para imágenes) aunque este atributo no es uno crucialmete necesario para esta etiqueta. La función de este atributo es establecer una anchura en la imagen.

A cada elemento de nivel bloque o elemento reemplazado se le puede dar un ancho width, especificado como una longitud, un porcentaje o como auto.

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

Heigh

Este atributo también es utilizado con la etiqueta <img> (para imágenes) aunque este atributo tampoco es crucialmete necesario para esta etiqueta. Sino que su función es establecer altura a una imagen.

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

ALT

Este atributo también se utiliza con la etiqueta para imágenes <img>. Este atributo es para un texto que describe una imagen.

Este atributo se coloca directamente a la etiqueta de la imagen.

Ej.

Este atributo sirve por si una imagen no se puede mostrar por X o Y razón, el atributo "alt" te mostrara en escrito lo necesario en lugar de la foto.

Ej. De uso.

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

A continuación les mostrare una imagen en el cual se muestran estos tres atributos.

Cuál es la forma para poner letras en negrita.

Para poner letras en negrita hay etiquetas las cuales son: <b><b/>.

La etiqueta <b> tambien es una etiqueta semántica es para conseguir el mismo efecto de negrita. En este caso indica al navegador que ese contenido requiere atención.

Cuál es la forma para poner letras en cursiva.

Para poner cursivas exiten varias etiquetas como <i> y <em>, estas etiquetas no son uni-etiquetas es decir que van acompañadas de un cierre.

Ejemplo con <i>:

<i>Aquí pones la oración que quieres que este en negrita</i>.

Ejemplo con <em>:

<em>Aquí por igual pones lo que quieres en negrita</em>.

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

La etiqueta <strong> no ha sido diseñada exactamente para letras en negrita, aunque eso hace, sino que fue hecha para contextuar el contenido de la página. Esta etiqueta es semántica.

Semántica quiere decir que es para dar para reforzar la pagina web, para definir el esquema principal del documento.