Biomod/2014/UANL/Manual Wiki/Conceptos

From OpenWetWare

< Biomod | 2014 | UANL | Manual Wiki(Difference between revisions)
Jump to: navigation, search
Current revision (15:36, 8 June 2014) (view source)
(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>

Current revision

Conceptos

Conceptos Básicos de HTML

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:

<html>
<head>
<title>Titulo de Hola Mundo</title>
</head>
<body>
Hola Mundo
<br>
Hola!
</body>
</html>

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 <title></title>. Las etiquetas más importantes y básicas son las siguientes:

Etiquetas Función
<html></html> Señala inicio y fin del código HTML.
<head></head> Encierra todo lo que será encabezado.
<title></title> Encierra todo lo que será el título. Debe ir dentro de <head></head>.
<body></body> Encierra todo lo que será el cuerpo (la página web)
<br> Salto de línea.

Para agregar más información al código, solo es necesario agregar dentro de <body></body>  lo que se guste incorporar a la página.

Anterior (Requisitos)    -    Regresar al Inicio    -    Siguiente (Conceptos)

Personal tools