Biomod/2014/UANL/Manual Wiki/Conceptos
<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 "<etiqueta> </etiqueta>" 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;"><html></span><br style="font-style: italic;">
<span style="font-style: italic;"><head></span><br
style="font-style: italic;">
<span style="font-style: italic;"><title>Titulo de Hola Mundo</title></span><br
style="font-style: italic;">
<span style="font-style: italic;"></head></span><br
style="font-style: italic;">
<span style="font-style: italic;"><body></span><br
style="font-style: italic;">
<span style="font-style: italic;">Hola Mundo</span><br
style="font-style: italic;">
<span style="font-style: italic;"><br></span><br
style="font-style: italic;">
<span style="font-style: italic;">Hola!</span><br
style="font-style: italic;">
<span style="font-style: italic;"></body></span><br
style="font-style: italic;">
<span style="font-style: italic;"></html></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;"><title></title></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;"><html></html></td> <td>Señala inicio y fin del código HTML.</td> </tr> <tr> <td style="font-style: italic;"><head></head></td> <td>Encierra todo lo que será encabezado.</td> </tr> <tr> <td style="font-style: italic;"><title></title></td> <td>Encierra todo lo que será el título. Debe ir dentro de <span style="font-style: italic;"><head></head></span>.</td> </tr> <tr> <td style="font-style: italic;"><body></body></td> <td>Encierra todo lo que será el cuerpo (la página web)</td> </tr> <tr> <td style="font-style: italic;"><br></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;"><body></body></span> lo que se guste incorporar a la página.<br> </div> <br> <div style="text-align: center;"><a
href="Requisitos">Anterior
(Requisitos)</a> - <a
href="index">Regresar
al Inicio</a> - <a
href="Editando">Siguiente
(Conceptos)</a></div> </body> </html>