Biomod/2014/UANL/Manual Wiki/Conceptos: Difference between revisions
(Creando) |
No edit summary |
||
Line 86: | Line 86: | ||
<br> | <br> | ||
<div style="text-align: center;"><a | <div style="text-align: center;"><a | ||
href=" | href="Requisitos">Anterior | ||
(Requisitos)</a> | (Requisitos)</a> | ||
- <a | - <a | ||
href=" | href="index">Regresar | ||
al Inicio</a> | al Inicio</a> | ||
- <a | - <a | ||
href=" | href="Editando">Siguiente | ||
(Editando)</a></div> | (Editando)</a></div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 10: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> 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> <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> 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> <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> 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> <br> <div style="text-align: center;"><a
href="Requisitos">Anterior
(Requisitos)</a> - <a
href="index">Regresar
al Inicio</a> - <a
href="Editando">Siguiente
(Editando)</a></div> </body> </html>