Dreamweaber
Páginas: 8 (1762 palabras)
Publicado: 25 de abril de 2012
dreamweberPracticas de HTML
Grupos: 604,605,606,608 y 609
1. Pagina básica
En un procesador de texto cualquiera teclear el siguiente código
<HTML>
<HEAD>
<TITLE>Miprimerapagina Web </TITLE>
</HEAD>
<BODY>
Esta es mi primera pagina, es muy sencilla, pero como el lenguaje HTML es fácil, pronto estaré en condiciones de hacer cosas mas interesantes.</BODY>
</HTML>
Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador.
2. Fondos de página, cabeceras y bloques
En un procesador de texto cualquiera teclear el siguiente código
<html>
<head>
<title>Practica de cabeceras y bloques</title>
</head>
<bodybgcolor="#EBDCA7">
<h2 align="center">Practicas deencabezados y bloques de texto</h2>
<hr>
<div align="center">
<h1>Encabezado de nivel 1 </h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
<p>Parrafo dentro del <DIV>centrado, por lo cual, hereda la alineación</p>
<hr width="50%" size="5">
</div>
<hr>
<blockquote>Parrafos con diferentesalineaciones</blockquote>
<p>Parrafo fuera del <DIV> centrado, por lo cual tomala alineación izquierda por defecto</p>
<p align="right">Parrafo alineado a la derecha</p>
<p align="center">Parrafocentrado</p>
<hr>
con esta línea comprobamos que el H T M L no respeta ni losespacios ni los saltos de línea
<pre>
Pero si incluimos la etiqueta <PRE>
nos muestra el T E X T O tal y como lo escribimos
</pre>
<p>HTML separa las palabras del texto con un blanco, si queremos añadir mas blancos, debemos hacer referencia a la entidad que lo representa( )como por ejemplo:
; esto</p>
<p> Para cualquier consulta dirigirse a <address>Juán
Gonzalez </address><p>
</body>
</html>
Guardar el archivo como Practica2.html en formato texto y visualizarlocon el navegador.
3. Resaltados de texto y control de fuentes
Con las etiquetas de control de texto estudiadas conseguir los efectos siguientes:
Agregar además a la pagina diferentes ejemplos de etiquetas de resaltado
Guardar el archivo como Practica3.html en formato texto y visualizarlo con el navegador.
4. Listas
En un procesador de texto cualquiera teclear el siguiente código<HTML>
<HEAD>
<TITLE>Practicas de listas</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1> Mis aficiones </H1>
</CENTER>
<HR>
Sin un orden particular, mis <B> aficiones </B> son las siguientes:
<UL>
<LI> El cine
<LI> El deporte
<UL>
<LI> Natación
<LI> Baloncesto
</UL>
<LI>La música
</UL>
La música que más me gusta es (en orden de preferencia):
<OL>
<LI> El rock
<LI> El jazz
<LI> La música clásica
</OL>
</BODY>
</HTML>
Completar la página con el resto de tipos de listas estudiadas y observar sus diferencias.
Guardar el archivo como Practica4.html en formato texto y visualizarlo con el navegador.
5.Hiperenlaces e inclusión de imágenes
En un procesador de texto cualquiera teclear el siguiente código
<html>
<head>
<title>Practica de Hiperenlaces</title>
</head>
<body bgcolor="#D9D9F3">
<p align="center"><a name="inicio">
<fontsize=+3><u>Enlaces con otras paginas</u></font></p>
<hr>
<hr width="80%">...
Grupos: 604,605,606,608 y 609
1. Pagina básica
En un procesador de texto cualquiera teclear el siguiente código
<HTML>
<HEAD>
<TITLE>Miprimerapagina Web </TITLE>
</HEAD>
<BODY>
Esta es mi primera pagina, es muy sencilla, pero como el lenguaje HTML es fácil, pronto estaré en condiciones de hacer cosas mas interesantes.</BODY>
</HTML>
Guardar el archivo como Practica1.html en formato texto y visualizarlo con el navegador.
2. Fondos de página, cabeceras y bloques
En un procesador de texto cualquiera teclear el siguiente código
<html>
<head>
<title>Practica de cabeceras y bloques</title>
</head>
<bodybgcolor="#EBDCA7">
<h2 align="center">Practicas deencabezados y bloques de texto</h2>
<hr>
<div align="center">
<h1>Encabezado de nivel 1 </h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
<h4>Encabezado de nivel 4</h4>
<h5>Encabezado de nivel 5</h5>
<h6>Encabezado de nivel 6</h6>
<p>Parrafo dentro del <DIV>centrado, por lo cual, hereda la alineación</p>
<hr width="50%" size="5">
</div>
<hr>
<blockquote>Parrafos con diferentesalineaciones</blockquote>
<p>Parrafo fuera del <DIV> centrado, por lo cual tomala alineación izquierda por defecto</p>
<p align="right">Parrafo alineado a la derecha</p>
<p align="center">Parrafocentrado</p>
<hr>
con esta línea comprobamos que el H T M L no respeta ni losespacios ni los saltos de línea
<pre>
Pero si incluimos la etiqueta <PRE>
nos muestra el T E X T O tal y como lo escribimos
</pre>
<p>HTML separa las palabras del texto con un blanco, si queremos añadir mas blancos, debemos hacer referencia a la entidad que lo representa( )como por ejemplo:
; esto</p>
<p> Para cualquier consulta dirigirse a <address>Juán
Gonzalez </address><p>
</body>
</html>
Guardar el archivo como Practica2.html en formato texto y visualizarlocon el navegador.
3. Resaltados de texto y control de fuentes
Con las etiquetas de control de texto estudiadas conseguir los efectos siguientes:
Agregar además a la pagina diferentes ejemplos de etiquetas de resaltado
Guardar el archivo como Practica3.html en formato texto y visualizarlo con el navegador.
4. Listas
En un procesador de texto cualquiera teclear el siguiente código<HTML>
<HEAD>
<TITLE>Practicas de listas</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1> Mis aficiones </H1>
</CENTER>
<HR>
Sin un orden particular, mis <B> aficiones </B> son las siguientes:
<UL>
<LI> El cine
<LI> El deporte
<UL>
<LI> Natación
<LI> Baloncesto
</UL>
<LI>La música
</UL>
La música que más me gusta es (en orden de preferencia):
<OL>
<LI> El rock
<LI> El jazz
<LI> La música clásica
</OL>
</BODY>
</HTML>
Completar la página con el resto de tipos de listas estudiadas y observar sus diferencias.
Guardar el archivo como Practica4.html en formato texto y visualizarlo con el navegador.
5.Hiperenlaces e inclusión de imágenes
En un procesador de texto cualquiera teclear el siguiente código
<html>
<head>
<title>Practica de Hiperenlaces</title>
</head>
<body bgcolor="#D9D9F3">
<p align="center"><a name="inicio">
<fontsize=+3><u>Enlaces con otras paginas</u></font></p>
<hr>
<hr width="80%">...
Leer documento completo
Regístrate para leer el documento completo.