Difference between revisions of "Biomod/2014/UANL/Manual Wiki/Conceptos"

From OpenWetWare
Jump to: navigation, search
(Justificado)
 
Line 7: Line 7:
 
<body>
 
<body>
 
<h1 style="text-align: center;">Conceptos Básicos de HTML</h1>
 
<h1 style="text-align: center;">Conceptos Básicos de HTML</h1>
Para visualizar una página de internet, se ha diseñado un código en
+
<div style="text-align: justify;">Para visualizar una
 +
página de internet, se ha diseñado un código en
 
especifico, HTML. Este código puede ser escrito en cualquier editor de
 
especifico, HTML. Este código puede ser escrito en cualquier editor de
 
texto, o en programas sofisticados que permitan al usuario trabajar en
 
texto, o en programas sofisticados que permitan al usuario trabajar en
Line 15: Line 16:
 
asignan formato o propiedades a lo que se encuentre entre las mismas. A
 
asignan formato o propiedades a lo que se encuentre entre las mismas. A
 
continuación se presenta un ejemplo de un código HTML:<br>
 
continuación se presenta un ejemplo de un código HTML:<br>
 +
</div>
 
<br>
 
<br>
 
<div style="margin-left: 200px;"><span
 
<div style="margin-left: 200px;"><span
Line 39: Line 41:
 
</div>
 
</div>
 
<br>
 
<br>
El código crearía una página con el título "Título de Hola Mundo", y
+
<div style="text-align: justify;">El código crearía una
 +
página con el título "Título de Hola Mundo", y
 
consistiría de dos tres líneas de texto, "Hola Mundo", una línea vacía
 
consistiría de dos tres líneas de texto, "Hola Mundo", una línea vacía
 
y "Hola!". Para exhibir texto (sin ningún formato) solo es necesario
 
y "Hola!". Para exhibir texto (sin ningún formato) solo es necesario
Line 46: Line 49:
 
  style="font-style: italic;">&lt;title&gt;&lt;/title&gt;</span>.
 
  style="font-style: italic;">&lt;title&gt;&lt;/title&gt;</span>.
 
Las etiquetas más importantes y básicas son las siguientes:<br>
 
Las etiquetas más importantes y básicas son las siguientes:<br>
 +
</div>
 
<br>
 
<br>
 
<table
 
<table
Line 81: Line 85:
 
</table>
 
</table>
 
<br>
 
<br>
Para agregar más información al código, solo es necesario agregar
+
<div style="text-align: justify;">Para agregar más
 +
información al código, solo es necesario agregar
 
dentro de <span style="font-style: italic;">&lt;body&gt;&lt;/body&gt;</span>&nbsp;
 
dentro de <span style="font-style: italic;">&lt;body&gt;&lt;/body&gt;</span>&nbsp;
 
lo que se guste incorporar a la página.<br>
 
lo que se guste incorporar a la página.<br>
 +
</div>
 
<br>
 
<br>
 
<div style="text-align: center;"><a
 
<div style="text-align: center;"><a
Line 93: Line 99:
 
-&nbsp;&nbsp;&nbsp; <a
 
-&nbsp;&nbsp;&nbsp; <a
 
  href="Editando">Siguiente
 
  href="Editando">Siguiente
(Editando)</a></div>
+
(Conceptos)</a></div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 11:36, 8 June 2014

<html> <head>

 <meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
 <title>Conceptos</title>

</head> <body> <h1 style="text-align: center;">Conceptos Básicos de HTML</h1> <div style="text-align: justify;">Para visualizar una página de internet, se ha diseñado un código en especifico, HTML. Este código puede ser escrito en cualquier editor de texto, o en programas sofisticados que permitan al usuario trabajar en un ambiente más cómodo y crear códigos más detallados. Un código HTML está compuesto por secciones o etiquetas entre corchetes triangulares &nbsp;"&lt;etiqueta&gt; &lt;/etiqueta&gt;" que asignan formato o propiedades a lo que se encuentre entre las mismas. A continuación se presenta un ejemplo de un código HTML:<br> </div> <br> <div style="margin-left: 200px;"><span

style="font-style: italic;">&lt;html&gt;</span><br
style="font-style: italic;">

<span style="font-style: italic;">&lt;head&gt;</span><br

style="font-style: italic;">

<span style="font-style: italic;">&lt;title&gt;Titulo de Hola Mundo&lt;/title&gt;</span><br

style="font-style: italic;">

<span style="font-style: italic;">&lt;/head&gt;</span><br

style="font-style: italic;">

<span style="font-style: italic;">&lt;body&gt;</span><br

style="font-style: italic;">

<span style="font-style: italic;">Hola Mundo</span><br

style="font-style: italic;">

<span style="font-style: italic;">&lt;br&gt;</span><br

style="font-style: italic;">

<span style="font-style: italic;">Hola!</span><br

style="font-style: italic;">

<span style="font-style: italic;">&lt;/body&gt;</span><br

style="font-style: italic;">

<span style="font-style: italic;">&lt;/html&gt;</span><br> </div> <br> <div style="text-align: justify;">El código crearía una página con el título "Título de Hola Mundo", y consistiría de dos tres líneas de texto, "Hola Mundo", una línea vacía y "Hola!". Para exhibir texto (sin ningún formato) solo es necesario escribirlo entre las etiquetas. Existen etiquetas que solo pueden utilizarse dentro de ciertas partes del código, como <span

style="font-style: italic;">&lt;title&gt;&lt;/title&gt;</span>.

Las etiquetas más importantes y básicas son las siguientes:<br> </div> <br> <table

style="text-align: left; margin-left: auto; margin-right: auto; width: 582px; height: 192px;"
border="1" cellpadding="2" cellspacing="2">
 <tbody>
   <tr>
     <td style="text-align: center;"><span
style="font-weight: bold;">Etiquetas</span></td>
     <td style="text-align: center;"><span
style="font-weight: bold;">Función</span></td>
   </tr>
   <tr>
     <td style="font-style: italic;">&lt;html&gt;&lt;/html&gt;</td>
     <td>Señala inicio y fin del código HTML.</td>
   </tr>
   <tr>
     <td style="font-style: italic;">&lt;head&gt;&lt;/head&gt;</td>
     <td>Encierra todo lo que será encabezado.</td>
   </tr>
   <tr>
     <td style="font-style: italic;">&lt;title&gt;&lt;/title&gt;</td>
     <td>Encierra todo lo que será el título. Debe ir dentro de <span
style="font-style: italic;">&lt;head&gt;&lt;/head&gt;</span>.</td>
   </tr>
   <tr>
     <td style="font-style: italic;">&lt;body&gt;&lt;/body&gt;</td>
     <td>Encierra todo lo que será el cuerpo (la página web)</td>
   </tr>
   <tr>
     <td style="font-style: italic;">&lt;br&gt;</td>
     <td>Salto de línea.</td>
   </tr>
 </tbody>

</table> <br> <div style="text-align: justify;">Para agregar más información al código, solo es necesario agregar dentro de <span style="font-style: italic;">&lt;body&gt;&lt;/body&gt;</span>&nbsp; lo que se guste incorporar a la página.<br> </div> <br> <div style="text-align: center;"><a

href="Requisitos">Anterior

(Requisitos)</a>&nbsp;&nbsp;&nbsp; -&nbsp;&nbsp;&nbsp; <a

href="index">Regresar

al Inicio</a>&nbsp;&nbsp;&nbsp; -&nbsp;&nbsp;&nbsp; <a

href="Editando">Siguiente

(Conceptos)</a></div> </body> </html>