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>
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.
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.
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"/>
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.