Está en la página 1de 4

INSTITUTO PROFESIONAL DE COMPUTACIÓN

COMPUTACIÓN APLICADA II
DOCUMENTO No. 2 HTML

INSTRUCCIONES:
Ingrese al block de notas o al programa CODEPEN.IO y escriba el código para las
siguientes páginas, al terminar envíe al correo tareas14.hugo1268@.com el
archivo de la página creada o el link de codepen.io para su calificación.

Ejemplo No 1.
Título de la página
Comando <TITLE></TITLE>
Escriba en el editor del bloc de notas o el de codepen.io el siguiente código:

<HTML>
<HEAD>
<TITLE>PAGINA UNO</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Nota:
Grabar el código con su nombre y el número 1.html ejemplo: (Juan1.html)

Ejemplo No 2.
Encabezado de página.
Comandos<H1></H1><CENTER></CENTER>
Escriba en el editor del bloc de notas o el de codepen.io el siguiente código:

<HTML>
<HEAD>
<TITLE>PÁGINA DOS</TITLE>
</HEAD>
<BODY>
<H1><CENTER>ESTE ES EL ENCABEZADO DE LA PAGINA</CENTER></H1>
</BODY>
</HTML>

Nota:
Grabar el código con su nombre y el número 2.html ejemplo: (Juan2.html)
Ejemplo No 3.
Párrafos y salto de línea en una página.
Comandos<P></P><BR>
Escriba en el editor del bloc de notas o el de codepen.io el siguiente código:

<HTML>
<HEAD>
<TITLE>PÁGINA TRES</TITLE>
</HEAD>
<BODY>
<H1><CENTER>PÁGINA CON PARRAFOS Y SALTO DE LINEA</CENTER></H1>
<H2><CENTER>LA COMPUTACIÓN</CENTER></H2>
<P>La computación es la ciencia que se encarga del estudio del procesamiento
automático de datos por medio de una computadora, el término procesamiento se refiere
a los cálculos que se le pueden hacer a los datos, estos pueden ser aritméticos o lógicos.
Para su estudio la ciencia de la computación se divide en las siguientes ramas:<br>El
hardware <br>El Software <br>El humanware</P>
<HR>
</BODY>
</HTML>

Nota:
Grabar el código con su nombre y el número 3.html ejemplo: (Juan3.html)

Ejemplo No 4.
Tamaño de fuente en una página.
Comandos<FONT SIZE=”+”></FONT>
Escriba en el editor del bloc de notas o el de codepen.io el siguiente código:

<HTML>
<HEAD>
<TITLE>PÁGINA CUATRO</TITLE>
</HEAD>
<BODY>
<H1><CENTER>PÁRRAFO CON LETRA GRANDE</CENTER></H1>
<H2><CENTER>LA COMPUTACIÓN</CENTER></H2>
<P><Font size=”+4”>La computación es la ciencia que se encarga del estudio del
procesamiento automático de datos por medio de una computadora, el término
procesamiento se refiere a los cálculos que se le pueden hacer a los datos, estos pueden
ser aritméticos o lógicos. Para su estudio la ciencia de la computación se divide en las
siguientes ramas:<br>El hardware <br>El Software <br>El humanware</Font></P>
<HR>
</BODY>
</HTML>
Nota:
Grabar el código con su nombre y el número 4.html ejemplo: (Juan4.html)

Ejemplo No 5.
Color de fuente en una página.
Comandos<FONT COLOR=”color”></FONT>
Escriba en el editor del bloc de notas o el de codepen.io el siguiente código:

<HTML>
<HEAD>
<TITLE>PÁGINA CINCO</TITLE>
</HEAD>
<BODY>
<H1><CENTER>PÁGINA CON LETRAS DE COLOR</CENTER></H1>
<H2><CENTER>LA COMPUTACIÓN</CENTER></H2>
<P><Font size=”+4”><Font color=”Blue”>La computación es la ciencia que se encarga del
estudio del procesamiento automático de datos por medio de una computadora, el término
procesamiento se refiere a los cálculos que se le pueden hacer a los datos, estos pueden
ser aritméticos o lógicos. Para su estudio la ciencia de la computación se divide en las
siguientes ramas:<br>El hardware <br>El Software <br>El
humanware</Font></Font></P>
<HR>
<H3>El hardware</H3>
<Font size=”+4”><Font color=”red”>Es la rama de la computación que se encarga del
estudio de todas las partes físicas de una computadora. Por ejemplo:<br>El cpu <br>El
monitor <br>El ratón. </Font></Font>
<hr>
<h3>El software</h3>
<Font size=”+4”><Font color=”blue”>Es la rama de la computación que se encarga del
estudio de toda la parte lógica y programable de una computadora. Por ejemplo:<br>El
sistema operativo <br>Los navegadores <br>Los juegos </Font></Font>
<hr>
<h3>El humanware</h3>
<Font size=”+4”><Font color=”green”>Está compuesto por todas las personas que usan
las computadoras.</Font></Font>
</BODY>
</HTML>

Nota:
Grabar el código con su nombre y el número 5.html ejemplo: (Juan5.html)
Ejemplo No 6.
Alineación de texto.
Comandos<P align><Left><Center><Right>
Escriba en el editor del bloc de notas o el de codepen.io el siguiente código:

<HTML>
<HEAD>
<TITLE>PÁGINA SEIS</TITLE>
</HEAD>
<BODY>
<H1><CENTER>ALINEACIÓN DE TEXTO EN LA PÁGINA</CENTER></H1>
<Palign=”center”> <Font size=”+3”><Font color=”blue”>Texto
centrado</Font></Font></p>
<p align=”center”><Font size=”+3”><font color=”blue”>Texto centrado</font>
</font></p>
<p align=”right”><font size=”+3”><font color=”Red”>Texto a la derecha</font>
</font></p>
</BODY>
</HTML>

Nota:
Grabar el código con su nombre y el número 6.html ejemplo: (Juan6.html)

También podría gustarte