Biomod/2014/UANL/Manual Wiki/Conceptos

From OpenWetWare
Jump to: navigation, search

<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>