Unidad 18. Referencia de etiquetas HTML (IX)



18.38. Etiqueta <html>

Definición: la etiqueta <html> representa la raíz de un documento de tipo página web, debe ir en primer lugar (salvo si se indica !Doctype). Entre la etiqueta de apertura <html> y la de cierre </html> deben ir todas las etiquetas de la página web. Se recomienda poner el atributo lang para indicar el idioma.

Ejemplo: <html lang="es"> Resto de las etiquetas de la página web </html>

Explicación en este curso.

Recomendación W3C

18.39. Etiqueta <i>

Definición: la etiqueta <i> se utiliza para representar un texto con un carácter distinto al de un texto normal. Es una forma de dar énfasis a un texto. Por ejemplo, un nombre propio, una palabra en otro idioma, etc. Normalmente los navegadores visualizan esta etiqueta en tipo de letra cursiva.

Ejemplo: <p> El famoso cuadro <i>Gernika</i> fue pintado por P. Picasso en 1937.</p>

Resultado:

El famoso cuadro Gernika fue pintado por P. Picasso en 1937.

Recomendación W3C

18.40. Etiqueta <iframe>

Definición: la etiqueta <iframe> se utiliza para incrustar un documento dentro de nuestra página. Normalmente, se usa para embeber otra página web con un contenido que queremos visualizar dentro de nuestra página, por ejemplo, para reproducir vídeos de YouTube. Se utiliza el atributo src para indicar el origen del documento, y otros atributos para definir las dimensiones, etc.

Ejemplo:

<iframe width="560" height="315" src="https://www.youtube.com/embed/Ug4eNTzl4YI"   
frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

Resultado:

Explicación en este curso.

Recomendación W3C

18.41. Etiqueta <img>

Definición: la etiqueta <img> se utiliza para incluir una imagen en la página web. Se utiliza el atributo src para indicar el origen de la imagen, el atributo alt para dar la descripción de la imagen y otros atributos para definir las dimensiones, etc. Si queremos incluir diferentes imágenes alternativas según el tipo de dispositivo es preferible utilizar la etiqueta picture.

Ejemplo: <img src="graficos/logoAulaclic.jpg" alt="logo de aulaClic"/>

Resultado:

logo de aulaClic

Explicación en este curso.

Recomendación W3C

18.42. Etiqueta <input>

Definición: la etiqueta <input> se utiliza para especificar un campo de entrada en un formulario. El atributo type indica el tipo de campo (numérico, alfabético, fecha, botón, etc), el atributo name servirá para recibir los datos, se pueden incluir otros atributos para especificar características del campo, como longitudes, valores por defecto, etc.

Ejemplo:

<form action="#" method="post" >
  <label>Nombre:
    <input type="text" name="nom2" />
  </label>
  <br />
  <label>Apellidos:
    <input type="text" name="ape2" />
  </label>
  <br />
    <input type="submit" value="Enviar" />
</form>>

Resultado:



    

Explicación en este curso.

Recomendación W3C


Enero-2019 (V 2.2)
Pág. 18.9
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.