Está en la página 1de 31

Lenguaje IV

Melvin Ramirez
melvinramirez@gmail.com
3174-2024/9995-4986
7:00pm – 8:00pm
https://www.campusvirtual.unah.edu.hn/
Herramientas a utilizar

 Navegadores (Chrome y Firefox)


 Notepad++ o Sublime Text, otras opciones:
 Brackets: http://brackets.io/
 Atom: https://atom.io/
 UltraEdit: http://www.ultraedit.com/
 Geany: https://www.geany.org/
 https://www.sublimetext.com/

Visual Studio Code:


https://code.visualstudio.com/
Usuario:lab.infovs
Pass: 1 - 9
https://www.w3schools.com/
HTML 5

 ¿Qué es HTML?
Estructura de una pagina web

 Ir a ver http://example.com/
El navegador establece
estilo, o carga de
programas denominados
guiones

<html>
<head>

</head>
<body>
…..Información…..
</body>
</html>

Información
de la pagina.
Ejercicio #1
Ejercicio #2
Ejercicio #3
Ejercicio #4
Ejercicio #5
Ejercicio #6

<strong> tiene el mismo efecto que <b>


<em> tiene el mismo efecto que <i>
<del> tiene el mismo efecto que <u>
Recomendación
Visitar para ver otras etiquetas para formatear texto:

http://www.w3schools.com/html/html_formatting.asp
Ejercicio #7 – Utilización de Listas
desordenadas
Ejercicio #8 – Utilización de Listas
desordenadas
Ejercicio #9 – Utilización de Listas ordenadas

Ordene la lista utilizando Letras A. B. C. etc.


Ejercicio #10 – Utilización imágenes

Debe copiar un archivo de imagen en la


misma carpeta de la pagina web, luego
coloca el nombre del archivo en el atributo
src de la etiqueta img
Ejercicio #11 – Utilización imágenes

Buscar una imagen en internet, visualizarla


completamente y luego copiar la url para
colocarla en el atributo src de la etiqueta
img
Ejercicio #12 – Utilización imágenes

El atributo align permite ubicar la


imagen en relación al texto

Los atributos width y height


permiten determinar el tamaño de la
imagen.
Ejercicio #13 – Utilización imágenes
Ejercicio #14 – Formularios <form>
Ejercicio #15 - Tablas
Ejercicio #16 - Tablas
Ejercicio #17- Enlaces
Ejercicio #18 - Enlaces
Ejercicio #19 - Enlaces
Entidades de HTML

http://www.w3schools.com/html/html_entities.asp
Entidades de HTML

http://www.w3schools.com/html/html_entities.asp
Ejercicio #20 - IFrame
Curso en línea
https://www.quackit.com/

También podría gustarte