Codigos Html
16119414 de Junio de 2013
264 Palabras (2 Páginas)420 Visitas
Ejemplo1:
<html>
<head>
<title>Practica de cabeceras y bloques</title>
</head>
<body bgcolor="#EBDCA7">
<h2 align="center">Practicas de encabezados 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 diferentes
alineaciones</blockquote>
<p>Parrafo fuera del <DIV> centrado, por lo cual toma
la alineación izquierda por defecto</p>
<p align="right">Parrafo alineado a la derecha</p>
<p align="center">Parrafo centrado</p>
<hr>
con esta línea
comprobamos que el H T M L no respeta ni los
espacios 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>
Ejemplo2:
<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>
Ejemplo 3:
<html>
<head>
<title>Practica de Hiperenlaces</title>
</head>
<body bgcolor="#D9D9F3">
<p align="center"><a name="inicio">
<font size=+3><u>Enlaces con otras paginas</u></font></p>
<hr>
<hr width="80%">
<dir>
<li><p align="left"><a
href="http://www.microsoft.com">Microsoft</a></p>
</li>
<li><p align="left"><a href="Practica1.html">Mi primera pagina
Web</a></p>
</li>
<li><p align="left"><a href="Practica2.html">Mi segunda pagina
Web</a></p>
</li>
</dir>
...