Ejer Cici Os

Ejemplo 1:
<html>
<head> </head>
<body>
Bienvenidos a la clase HTML
</body>
</html>
Ejemplo 2:
<html>
<head>
<title>ejemplo 2</title>
</head>
<body>
Bienvenidos al curso de HTML
</body>
Ejemplo 3:
<html>
<head>
</head>
<body bgcolor=”darkcyan” text=”chartreuse”>
BIENVENIDOS A LA CLASE HTML
</body>
</html>
Ejemplo 4:
<html>
<head>
</head>
<body bgcolor=" " text=" ">
Bienvenidos a la clase de HTML<br>
<hr align=center width=50%><br>
Bienvenidos a la clase de html, Cuando la temperatura es menor a 15°c hace bastante
frío.<br>
<hr align=left width=25% size=5><br>
Este es un ejemplo de página WEB :) <br>
</body>
</html>
Ejemplo 5:
<html>
<head>
<title>
Ejercicio 5
</title>
</head>
<body bgcolor=“blue” text=“pink”>
<h1>Esta es una etiqueta H1. Utilízala en el título. </h1>
<h2>Esta es una etiqueta H2. Utilízala en los encabezados de secciones. </h2>
<h3>Esta es una etiqueta H3. Utilízala en sub-secciones. </h3>
<h4>Esta es una etiqueta H4. No se usan muy a menudo. </h4>
<h5>Esta es una etiqueta H5. </h5>
<h6>Esta es una etiqueta H6. </h6>
</body>
</html>
Ejemplo 6:
<html>
<head>
</head>
<body bgcolor=“lavander" text=“gold">
<h1 align=center>
Bienvenidos a la clase de HTML</h1><br>
<h2>Bienvenidos</h2>
Bienvenidos a la clase de html, Cuando la temperatura es menor a 15°c hace bastante
frío.<br>
Este es un ejemplo de página WEB :)<br>
</body>
</html>
EJEMPLO 7.
<html>
<head>
<title>EJEMPLO 7</title>
</head>
<body bgcolor="#C0D9D9" text="#000000">
<h1 align="center">
Bienvenidos al curso de HTML</h1><br>
Cuando la temperatura es menor a 15°C hace bastante frío.<br>
Este es un ejemplo de página WEB <b><i>:)</i></b><br>
<b>Este texto esta con negrillas</b><br>
<u>Este texto esta con subrayado</u><br>
<i>Este texto esta con inclinación itálica</i><br>
Este <b>texto <i>cuenta <u>con un </u>combinado</i> de</b> todo.<br>
</body>
</html>
EJEMPLO 8.
<html>
<head>
</head>
<body bgcolor="#C0D9D9" text="#000000">
<h1 align="center">
Bienvenidos al curso de HTML</h1><br>
<font color="red"><font size=7>B</font>o</font><font color="yellow">
li</font><font color="green">via</font><br>
</body>
</html>
Crea una carpeta con el Nombre de :
Ejemplo_9_10
En esta carpeta guardaras los siguientes archivos:
Ejemplo9.html
foto.jpg
NOTA: y en esa misma carpeta se guarda el archivo llamado ejemplo10.html
EJEMPLO 9.
<html>
<head>
</head>
<body bgcolor="#C0D9D9" text="#000000" >
<center><h1>
Bienvenidos al curso de HTML</h1></center><br>
<hr width=50%><br>
<h2>Información General</h2>
Este curso muestra los conceptos básicos del uso de etiquetas e instrucciones en la
elaboración de documentos HTML.
<b><i><font color="#000080">HTML</font></i></b>.<br><br>
<center><img src="foto.jpg" border=“5" alt="Foto de Claudia"></center><br>
Es muy importante saber ubicar los gráficos y combinar de buena manera los colores para
brindar una buena imagen
<b><i><font color="red">:)</font></i></b>.<br><br>
Una página WEB es muy importante, pues provee a nuestro trabajo una ventana al
mundo.<br>
</body>
</html>
EJEMPLO 10_imagen de fondo
<html>
<head> <title>EJEMPLO 10</title> </head>
<body bgcolor="#C0D9D9" text="#000000" background="foto.jpg">
<center><h1> Bienvenidos al curso de HTML</h1></center><br>
<hr width=50%><br>
<center><h2> EJEMPLO DE TABLA</h2></center>
<table width=80% align=center border=3>
<tr><th colspan=3>Directorio Telefónico</th></tr>
<tr align=center>
<td width=40% bgcolor="#C0C0C0"> Nombre
</td>
<td width=30% bgcolor="#C0C0C0"> Teléfono
</td>
<td width=30% bgcolor="#C0C0C0">
E-Mail
</td>
</tr>
<tr>
<td>
José Rodríguez
</td>
<td>
223454
</td>
<td>jose@prueba.com.bo</td>
</tr>
<tr>
<td>
Carolina Nuñez
</td>
<td>
453444
</td>
<td>carolina@prueba.com.bo</td>
</tr>
</table>
<br></center>
</body>
</html>
Ejemplo 11:
<html>
<head> <title>Curso de HTML</title> </head>
<body bgcolor="#C0D9D9" text="#000000" background="fondo.gif">
<center><h1>
Bienvenidos al curso de HTML</h1></center><br>
<hr width=50%><br>
<h2>Debemos ir a comprar</h2><br>
<ul>
<li>Camisas para José</li>
<li>Loción para Daniel</li>
</ul><br>
<h2>Estudiar para mañana</h2><br>
<ol>
<li type=a>Geometría</li>
<li>ciencias Sociales</li>
</ol><br>
<h2>Actividades de la semana</h2><br>
<ol>
<li type=i>Asistir a la Universidad</li>
<li>Comprar Disco</li>
<li>Llevar el auto al mecánico</li>
</ol><br>
<h1>Objetivos</h1>
<ul>El uso de estas etiquetas también puede ayudar a mover el texto en base a
tabulaciones o sangrías de texto, para diferenciar parrafos o textos de los
encabezamientos.
</ul>
</body>
</html>
Nombre de la carpeta Ejemplo 12
Debes crear una carpeta con los siguientes archivos:
foto.jpg
principal.html
pag2.html
pag3.html
NOTA: y en esa misma carpeta se guarda el archivo llamado ejemplo12.html
principal.html
<html>
<head> </head>
<body <body bgcolor=“ ” text=“ ”>
PRINCIPAL 1<br>
<a href=“ejemplo12.hmtl">regresar</a><br>
</body>
</html>
pag2.html
<html>
<head> </head>
<body bgcolor=“ ” text=“ ”>
PÁGINA 21<br>
</body>
</html>
pag3.html
<html>
<head> </head>
<body <body bgcolor=“ ” text=“ ”>
PÁGINA 31<br>
</body>
</html>
Ejemplo 12
<html>
<head> <title>Página de enlaces</title> </head>
<body bgcolor="#C0D9D9" text="#000000" background="fondo.gif"
link="#000080" vlink="magenta" alink="black">
<center><h1>
<a name="tope"></a>
Enlaces</h1><br>
<img src="foto.jpg" alt="Foto"><br><br>
<a href="principal.html">Página Principal o Página Uno</a><br>
<a href="pag2.html">Página Dos</a><br>
<a href="pag3.html">Página Tres</a><br>
<br>
<a href="https://www.google.com/" target="_blank">GOOGLE</a><br>
<a href="mailto:atexcatenco@gmail.com">Envía comentarios
sobre este manual por E-Mail</a><br>
<br><br>
<a href="#tope">De vuelta arriba</a>
</center>
</body>
</html>
Ejemplo 13
<html>
<head>
<title>lista con enlaces internos </title>
</head>
<body bgcolor="purple" text="pink">
<h1><center> REINO ANIMAL</center></h1>
<ol>
<li><a href="#L1">INSECTOS </a></li>
<li><a href="#L2">PECES </a></li>
<li><a href="#L3">REPTILES </a></li>
<li><a href="#L4">AVES </a></li>
<li><a href="#L5">MAMÍFEROS </a></li>
<h2 id="L1"> 1. INSECTOS </h2>

<p>
Los insectos son una clase de animales invertebrados del filo de los artrópodos,
caracterizados por presentar un par de antenas,
tres pares de patas y dos pares de alas. La ciencia que estudia los insectos se denomina
entomología.
</p>
<p>
Los insectos resultan imprescindibles por las funciones que cumplen en los ecosistemas,
que son la polinización, la eliminación de la suciedad, la comida y el parasitismo.
</p>
<h2 id="L2"> 2. PECES </h2>
<p>
Los peces son animales vertebrados acuáticos, recubiertos por escamas y dotados de
adaptaciones específicas para el nado como son las aletas.
Su respiración se produce principalmente por branquias situadas en las hendiduras de la
faringe.
</p>
<p>
Los océanos y toda la vida marina juegan un papel central en la estabilización del clima de la
Tierra.
Proporcionan una fuente vital de alimentos a un gran número de especies en el agua y en la
tierra,
y regulan la cantidad de CO2 que permanece en la atmósfera, ya que absorben 30% de las
emisiones globales.
</p>
<h2 id="L3"> 3. REPTILES </h2>

<p>
Los reptiles suelen ser caracterizados como animales de sangre fría,
sin emociones y peligrosos. Pero hay mucho más de lo que parece a simple vista respecto a
estos animales.
Los reptiles son animales de sangre fría (casi todos lo son),
pero esto no quiere decir que no tengan emociones o que sean increíblemente crueles.
</p>
<p>
Su contribución en el eslabón alimenticio es ayudar a bajar la densidad de animales no
deseables para los humanos. Las víboras, por ejemplo,
bajan la densidad de ratones; los cuales transmiten enfermedades graves y problemas a la
salud.
</p>
<h2 id="L4"> 4. AVES </h2>

<p>
Las aves son animales vertebrados generalmente adaptados al vuelo, aunque muchos
también pueden correr, saltar, nadar y bucear.
Algunos, como los pingüinos, han perdido la capacidad de volar, pero conservaron sus alas
como vestigio.
</p>
<p>
son importantes para los humanos de muchas formas; son una fuente de alimento y de
fertilizante.
Las aves son importantes para el ecosistema de muchas formas; polinizan flores y dispersan
semillas.
</p>
<h2 id="L5"> 5. MAMÍFEROS </h2>

<p>
también pueden correr, saltar, nadar y bucear.
como vestigio.
</p>
<p>
la importancia de los mamíferos radica en que estos son una fuente importante de alimento
para muchas comunidades.
</p>
</body>
</html>
EJEMPLO14.HTML
<html>
<head> <title>Página de frames</title> </head>
<frameset COLS="20%,*" frameborder=0 framespacing=0 border=0>
<frame name="izquierda" src="principal.html" marginwidth="0"
marginheight="0" scrolling="auto" frameborder="no">
<frameset ROWS="30%,*" frameborder=0 framespacing=0 border=0>
<frame name="superior" src="pag2.html" marginwidth="0"
<frame name="principal" src="pag3.html" marginwidth="0"
</frameset>
</frameset>
<noframes>
<center>
Su navegador no puede desplegar frames.
</center>
</noframes>
</html>.
Ejemplo 3 con css en línea
<html>
<head>
</head>
<body style=background-color:cyan;text-align:center;color:magenta;font-size:40px;font-
family:arial;>
</body>
</html>
Ejemplo 3 con css en el mismo documento.
<html>
<head>
<style>
body
{
background-color:gray;
text-align:center;
color:indigo;
font-size:40px;
font-family:arial;
}
</style>
</head>
<body>
</body>
</html>
Ejemplo 3 con css en archivo externo
Archivo .html Archivo .css
<html> body
<head> {
<title>ejemplo 3</title> background-color:gold;
<link rel="stylesheet" type="text/css" text-align:center;
href="cuerpo.css"> color:gray;
</head> font-size:40px;
<body> font-family:arial;
BIENVENIDOS A LA CLASE HTML }
</body>
</html>
<html>
<head>
<title>
Ejercicio 5
</title>
</head>
<body style=background-color:cyan;text-align:center;>
<h1 style=text-align:center;color:magenta;font-family:arial>Esta es una etiqueta H1. Utilízala
en el título. </h1>
<h2 style=text-align:center;color:yellow;font-family:calibri>Esta es una etiqueta H2. Utilízala en
los encabezados de secciones. </h2>
<h3 style=text-align:center;color:red;font-family:cambria>Esta es una etiqueta H3. Utilízala en
sub-secciones. </h3>
<h4 style=text-align:center;color:orange;font-family:castellar>Esta es una etiqueta H4. No se
usan muy a menudo. </h4>
<h5 style=text-align:center;color:green;font-family:arial>Esta es una etiqueta H5. </h5>
<h6 style=text-align:center;color:white;font-family:'Times New Roman'>Esta es una etiqueta
H6. </h6>
</body>
</html>
<html>
<head>
<style>
body
{
background-image:url(foto.jpg);
}
</style>
</head>
<body>
<center>
<h1 style=text-align:center;color:orange;font-size:75px;font-family:cambria;>Bienvenidos al
curso de HTML</h1></center><br>
<hr width=50%><br>
<h2 style=text-align:center;color:magenta;font-size:50px;font-family:calibri;>Información
General</h2>
<p style=font-size:30px;font-family:arial;>
Este curso muestra los conceptos básicos del uso de etiquetas e instrucciones en la
elaboración de documentos
<b><i><font color="#000080">HTML.</font></i></b>.<br><br>
Es muy importante saber ubicar los gráficos y combinar de buena manera los colores para
brindar una buena imagen
<b><i><font color="red">:)</font></i></b>.<br><br>
Una página WEB es muy importante, pues provee a nuestro trabajo una ventana al
mundo.<br>
</body>
</html>
<html>
<head>
<title>lista con enlaces internos </title>
</head>
<body style=background-color:cyan;color:gray;font-family:arial;>
<h1><center> REINO ANIMAL</center></h1>
<ol>
<li><a href="#L1">INSECTOS </a></li>
<li><a href="#L2">PECES </a></li>
<li><a href="#L3">REPTILES </a></li>
<li><a href="#L4">AVES </a></li>
<li><a href="#L5">MAMÍFEROS </a></li>
<h2 id="L1"> 1. INSECTOS </h2>
<p style=text-align:justify;color:magenta;font-size:25px;font-family:arial;>
Los insectos son una clase de animales invertebrados del filo de los artrópodos,
caracterizados por
presentar un par de antenas,
tres pares de patas y dos pares de alas. La ciencia que estudia los insectos se denomina
entomología.
</p>
<p style=text-align:justify;color:black;font-size:18px;font-family:arial;>
Los insectos resultan imprescindibles por las funciones que cumplen en los ecosistemas, que
son la
polinización, la eliminación de la suciedad, la comida y el parasitismo.
</p>
<h2 id="L2"> 2. PECES </h2>
<p style=text-align:justify;color:red;font-size:30px;font-family:arial;>
Los peces son animales vertebrados acuáticos, recubiertos por escamas y dotados de
adaptaciones
específicas para el nado como son las aletas.
Su respiración se produce principalmente por branquias situadas en las hendiduras de la
faringe.
</p>
<p style=text-align:justify;color:blue;font-size:22px;font-family:arial;>
Los océanos y toda la vida marina juegan un papel central en la estabilización del clima de la
Tierra. Proporcionan una fuente vital de alimentos a un gran número de especies en el agua y
en la
tierra, y regulan la cantidad de CO2 que permanece en la atmósfera, ya que absorben 30% de
las emisiones globales.
</p>
<h2 id="L3"> 3. REPTILES </h2>
<p style=text-align:justify;color:purple;font-size:28px;font-family:castellar;>
Los reptiles suelen ser caracterizados como animales de sangre fría,
sin emociones y peligrosos. Pero hay mucho más de lo que parece a simple vista respecto a
estos animales. Los reptiles son animales de sangre fría (casi todos lo son),
pero esto no quiere decir que no tengan emociones o que sean increíblemente crueles.
</p>
<p style=text-align:justify;color:yellow;font-size:35px;font-family:calibri;>
Su contribución en el eslabón alimenticio es ayudar a bajar la densidad de animales no
deseables
para los humanos. Las víboras, por ejemplo,
bajan la densidad de ratones; los cuales transmiten enfermedades graves y problemas a la
salud.
</p>
<h2 id="L4"> 4. AVES </h2>
<p style=text-align:justify;color:orange;font-size:28px;font-family:castellar;>
también pueden
correr, saltar, nadar y bucear.
como
vestigio.
</p>
<p style=text-align:justify;color:green;font-size:20px;font-family:castellar;>
son importantes para los humanos de muchas formas; son una fuente de alimento y de
fertilizante.
Las aves son importantes para el ecosistema de muchas formas; polinizan flores y dispersan
semillas.
</p>
<h2 id="L5"> 5. MAMÍFEROS </h2>
<p style=text-align:center;color:white;font-size:20px;font-family:arial;>
también pueden
correr, saltar, nadar y bucear.
como
vestigio.
</p>
<p style=text-align:center;color:white;font-size:20px;font-family:arial;>
la importancia de los mamíferos radica en que estos son una fuente importante de alimento
para
muchas comunidades.
</p>
</body>
</html>

Ejer Cici Os

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ejer Cici Os

Cargado por

Copyright:

Formatos disponibles

Ejemplo 1:

<h2 id="L1"> 1. INSECTOS </h2>

<h2 id="L3"> 3. REPTILES </h2>

<h2 id="L4"> 4. AVES </h2>

<h2 id="L5"> 5. MAMÍFEROS </h2>

También podría gustarte