The Zone Centroamerica

Este es el foro de la revista The zone de Centroamerica del juego Managerzone.
 
ÍndiceÍndice  RegistrarseRegistrarse  ConectarseConectarse  

Comparte | 
 

 Curso de HTML

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
IMABALLAY



Mensajes : 13
Fecha de inscripción : 10/01/2016

MensajeTema: Curso de HTML   Vie Ene 29, 2016 12:52 am

<!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 &quot;sale&quot; 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, &quot;decodificado&quot;) abajo.<br />
<br />
Para probar lo primero que les recomiendo es pegar el siguiente mensaje:<br />
<br />
&lt;p align=&quot;center&quot;&gt; &lt;h1&gt; Bienvenido al colegio del <strong>Negro</strong>&lt;/h1&gt;&lt;/p&gt;<br />
<br />
Al hacer veran que el codigo (Lo que esta entre los simbolos &lt; &gt;) desaparece y &quot;transforma&quot; 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 &lt;p&gt; &lt;/p&gt; este, como todos los codigos, deben tener un comienzo &lt;p&gt; y un final &lt;/p&gt;.<br />
<br />
Ahora bien dentro del parrafo podemos darle algunas caracteristicas sencillas que tienen.<br />
<br />
<strong>&lt;P ALIGN=&quot;CENTER&quot;&gt;</strong> para un parrafo centrado<strong> &lt;/P&gt;</strong><br />
<br />
<strong>&lt;P ALIGN=&quot;JUSTIFY&quot;&gt;</strong> para un parrafo justificado <strong>&lt;/P&gt;</strong><br />
<br />
<strong>&lt;P ALIGN=&quot;LEFT&quot;&gt;</strong> para un parrafo alineado a la izquierda<strong>&lt;/P&gt;</strong><br />
<br />
<strong>&lt;P ALIGN=&quot;RIGHT&quot;&gt;</strong> para un parrafo alineado a la derecha <strong>&lt;/P&gt;</strong><br />
<br />
Tambien podemos darle a los texots algunas caracteristicas de diseño como por ejemplo<br />
<br />
<strong>&lt;B&gt;</strong> Para hacer la letra negrita <strong>&lt;/B&gt;</strong><br />
<br />
<strong>&lt;EM&gt;</strong> Para hacer la letra cursiva<strong>&lt;/EM&gt;</strong><br />
<br />
<strong>&lt;U&gt;</strong> Para hacer la letra subrayada <strong>&lt;/U&gt;</strong><br />
<br />
<strong>&lt;H1&gt;</strong> Para hacer la letra grande<strong>&lt;/H1&gt;</strong><br />
<br />
<strong>&lt;H2&gt;</strong> Para hacer la letra mediano<strong>&lt;/H2&gt;</strong><br />
<br />
<strong>&lt;H6&gt;</strong> Para hacer la letra pequeña<strong>&lt;/H6&gt;</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>
Volver arriba Ir abajo
 
Curso de HTML
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» CURSO DE CONDUCCION VW ESCARABAJOS CLASICOS DE COMPETICIÓN
» Curso para piloto de MIG-29 - Entrenamiento básico Nº02
» Curso para combate AA
» Accesorios HTML
» Mini curso de pigmentos

Permisos de este foro:No puedes responder a temas en este foro.
The Zone Centroamerica :: La Revista :: Editorial-
Cambiar a: