Biomod/2014/UANL/Manual Wiki/Conceptos: Difference between revisions
No edit summary |
(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;"><title></title></span>. | style="font-style: italic;"><title></title></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;"><body></body></span> | dentro de <span style="font-style: italic;"><body></body></span> | ||
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: | ||
- <a | - <a | ||
href="Editando">Siguiente | href="Editando">Siguiente | ||
( | (Conceptos)</a></div> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 12: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 "<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>
