Escuela Superior de Computo.
Instituto Politécnico Nacional
Profesora: Sandra Luz Morales Guitrón.
Nombre del Alumnx:
Instrucciones.
Lea cuidadosamente y realice los siguientes ejercicios. Para iniciar con estos ejercicios deberá
utilizar un editor de texto y guardar sus archivos con la extensión HTML. Una vez creado debe
visualizar el archivo a través de algún navegador. Tanto editor de código como navegador se dejan
al gusto del alumnx.
Una vez finalizado además integrar los archivos html a su archivo zip, también integrará un reporte
con las pantallas de resultado con la explicación. Que nombrara como:
[Link] y para los archivos html de código, compáctelos en
[Link].
HTML es el lenguaje de marcado estándar para crear páginas web.
¿Qué es HTML?
HTML significa lenguaje de marcado de hipertexto
HTML es el lenguaje de marcado estándar para crear páginas web.
HTML describe la estructura de una página Web
HTML consta de una serie de elementos
Los elementos HTML le dicen al navegador cómo mostrar el contenido
Los elementos HTML etiquetan piezas de contenido como "este es un encabezado",
"este es un párrafo", "esto es un enlace", etc.
Ejercicio 1. Copie el siguiente código en un editor de código y guárdelo como
[Link]
<!DOCTYPE html>
<html>
<head>
<title>Titulo de la Página. </title>
</head>
<body>
<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo. </p>
</body>
</html>
Ejercicio 2. Copie el siguiente código en un editor de código y guárdelo como
[Link]
Los encabezados HTML se definen con el <h1>a <h6>etiquetas
<h1>define el encabezado más importante. <h6>define lo menos importante título
<!DOCTYPE html>
<html>
<body>
<h1> Encabezado 1</h1>
<h2> Encabezado 2</h2>
<h3> Encabezado 3</h3>
<h4> Encabezado 4</h4>
<h5> Encabezado 5</h5>
<h6> Encabezado 6</h6>
</body>
</html>
Ejercicio 3. Copie el siguiente código en un editor de código y guárdelo como
[Link]
Los párrafos HTML se definen con el <p>etiqueta
<!DOCTYPE html>
<html>
<body>
<p>Este es un párrafo. </p>
<p>Este es otro párrafo. >
</body>
</html>
Para hacer el ejercicio más interesante busque en el navegador sitios web de texto simulado y elija
uno. Y Coloque más párrafos a su ejercicio.
Ejercicio 4. Copie el siguiente código en un editor de código y guárdelo como
[Link]
Los enlaces HTML se definen con el <a>etiqueta:
<!DOCTYPE html>
<html>
<body>
<h2>Ligas HTML</h2>
<p>Las ligas HTML se defines así: >
<a href="[Link] es un enlace</a>
</body>
</html>
Coloque otras ligas o enlaces que le interese aparezca en tus ejercicios para nutrir su trabajo.
Ejercicio 5 Copie el siguiente código en un editor de código y guárdelo como
[Link]
El <hr>etiqueta define una ruptura temática en una página HTML, y es más a menudo se
muestra como una regla horizontal.
El <hr>elemento se utiliza para separar el contenido (o definir un cambio) en un HTML
página:
<!DOCTYPE html>
<html>
<body>
<h1>Este es un encabezado 1</h1>
<p>Este es algún texto. </p>
<hr>
<h2>Este es un encabezado 2</h2>
<p>Este es otro texto. </p>
<hr>
<h3>Este es un encabezado 3</h3>
<p>Este es algún otro texto. </p>
</body>
</html>
Ejercicio 6. Copie el siguiente código en un editor de código y guárdelo como
[Link]
El html <br>elemento define un salto de línea.
Usar <br>si desea un salto de línea (una nueva línea) sin comenzar un nuevo párrafo:
<!DOCTYPE html>
<html>
<body>
<p>Este es <br> un párrafo<br>con saltos de línea. </p>
</body>
</html>
Busque un poema que le agrade y acomódelo con el break.
Ejercicio 7. Copie el siguiente código en un editor de código y guárdelo como
[Link]
Las imágenes HTML se definen con la etiqueta <img> .
El archivo fuente ( src), Texto alternativo ( alt), width, y height se proporcionan como
atributos:
Nota: baje de la web una imagen del logo de ESCOM, para hacer el ejercicio. Es
importante que la imagen se encuentre en la misma carpeta que el archivo HTML.
<!DOCTYPE html>
<html>
<body>
<h2>Imágenes HTML</h2>
<p>Las imágenes html se definen con la etiqueta img:</p>
<img src="[Link]" alt="ESCOM-IPN" width="104" height="142"></body>
</html>
Busque una imagen extra que le agrade y acomódelo con la página.