Scribd
Cargar
302 vistas31 páginas

Curso de HTML: Ejercicios y Herramientas

Este documento presenta un curso de introducción a HTML. Proporciona información sobre herramientas como navegadores y editores de texto, y explica conceptos básicos como la estructura de una página web y etiquetas HTML comunes. Además, incluye 20 ejercicios prácticos para aplicar los conocimientos sobre listas, imágenes, formularios, tablas, enlaces y marcos.

Cargado por

Alejandra Fernandez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
302 vistas31 páginas

Curso de HTML: Ejercicios y Herramientas

Este documento presenta un curso de introducción a HTML. Proporciona información sobre herramientas como navegadores y editores de texto, y explica conceptos básicos como la estructura de una página web y etiquetas HTML comunes. Además, incluye 20 ejercicios prácticos para aplicar los conocimientos sobre listas, imágenes, formularios, tablas, enlaces y marcos.

Cargado por

Alejandra Fernandez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Lenguaje IV

Melvin Ramirez
[email protected]
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