<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Zone Centroamerica</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="https://dl.dropbox.com/s/ncjmuk5wxn8dz95/TZCentroamerica.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container"> <article class="content"> <section id="cabezaSec">
<h1 id="nombreSec">Curso de html</h1> </section>
<section>
<div class="cuadro"></div>
<!-------------------------- COMIENZO DE LA SECCION-------------------------------------->
<br><p>Bienvenidos.<br />
<br />
Este es un curso de HTML que brindare para algunos usuarios que me lo pedian y que querian ir aprendiendo de a poco lo que es este maravilloso codigo. <br />
<br />
<strong>¿Para que se usa? </strong><br />
<br />
Este codigo es usado en la mayoria de las paginas de internet del mundo y mediante ella se pueden crear pequeñas y sencillas paginas como la de Managerzone o la The zone o tambien <strong>sirven para hacer las PDD del equipo, la PDD de las federaciones,</strong> como cualquier otra... <br />
<br />
Bueno, no es necesario que comente la historia de donde surgio el codigo (eso lo pueden buscar en wikipedia) lo que si es necesario es comenzar a ver los primeros codigos. Para poder hacer eso vamos a necesitar una pagina donde podamos practicar si el codigo nos "sale" bien o no.<br />
<br />
La pagina que les recomiendo es <strong><a href="http://htmledit.squarefree.com/">http://htmledit.squarefree.com/</a></strong> donde allí se coloca el codigo arriba y se muestra el resultado (el codigo, "decodificado") abajo.<br />
<br />
Para probar lo primero que les recomiendo es pegar el siguiente mensaje:<br />
<br />
<p align="center"> <h1> Bienvenido al colegio del <strong>Negro</strong></h1></p><br />
<br />
Al hacer veran que el codigo (Lo que esta entre los simbolos < >) desaparece y "transforma" el texto. Eso es lo que espero que logren hacer <strong>minimamente</strong> mediante este curso<br />
<br />
Bueno los primeros codigos que vamos a aprender son los de textos.<br />
<br />
Como habran notado para hacer un PARRAFO tenemos que usar el codigo <p> </p> este, como todos los codigos, deben tener un comienzo <p> y un final </p>.<br />
<br />
Ahora bien dentro del parrafo podemos darle algunas caracteristicas sencillas que tienen.<br />
<br />
<strong><P ALIGN="CENTER"></strong> para un parrafo centrado<strong> </P></strong><br />
<br />
<strong><P ALIGN="JUSTIFY"></strong> para un parrafo justificado <strong></P></strong><br />
<br />
<strong><P ALIGN="LEFT"></strong> para un parrafo alineado a la izquierda<strong></P></strong><br />
<br />
<strong><P ALIGN="RIGHT"></strong> para un parrafo alineado a la derecha <strong></P></strong><br />
<br />
Tambien podemos darle a los texots algunas caracteristicas de diseño como por ejemplo<br />
<br />
<strong><B></strong> Para hacer la letra negrita <strong></B></strong><br />
<br />
<strong><EM></strong> Para hacer la letra cursiva<strong></EM></strong><br />
<br />
<strong><U></strong> Para hacer la letra subrayada <strong></U></strong><br />
<br />
<strong><H1></strong> Para hacer la letra grande<strong></H1></strong><br />
<br />
<strong><H2></strong> Para hacer la letra mediano<strong></H2></strong><br />
<br />
<strong><H6></strong> Para hacer la letra pequeña<strong></H6></strong><br />
<br />
Como veran el codigo no es dificil de interpretar ni es complicado de realizar, hasta diria que es bastante mas parecido al codigo que se usa en los foros del MZ.<br />
<br />
Bueno por hoy es hasta aca la clase. Espero que me hayan entendido...<br />
<br />
En la proxima clase hablaremos sobre...<br />
<br />
<ol>
<li>Como colocar las imagenes...</li>
<li>Como colocar videos...</li>
<li>Como realizar encuestas...</li>
<li>Como colocar vinculos internos e hipervinculos... </li>
<li>... Y Algunos Extras mas.</li>
</ol>
</section>
<section id="seccionFirma">
<div class="ImagenFirma"><img src="http://dynamic.managerzone.com/dynimg/badge.php?team_id=171132&sport=soccer&location=team_main" width="45" height="60" /></div>
<h2 id="firma" style="color: #ffb92e">Imaballay</h2>
</section>
<!-- end .content --></article> <br class="clearfloat" />
<!-- end .container --></div>
</body>
</html>
Índice 
Vie Ene 29, 2016 12:52 am