Diferencia entre revisiones de «HTML»
Contenido eliminado Contenido añadido
m Revertidos los cambios de 190.196.11.167 a la última edición de AVBOT |
|||
Línea 51:
== Códigos HTML básicos ==
*<code><html></code>: define el inicio del documento HTML, le indica al [[Navegador web|navegador]] que lo que viene a continuación debe ser interpretado como código '''HTML'''.
*<code><head></code>: define la [[cabecera]] del documento HTML, esta '''cabecera''' suele contener información sobre el documento que no se muestra directamente al [[usuario]]. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <code><head></code> podemos encontrar:
[[Archivo:Html-source-code3.png|thumb|300px|Un ejemplo de código HTML con [[coloreado de sintaxis]]]]
:*<code><title></code>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
:*<code><link></code>: para vincular el sitio a [[hojas de estilo en cascada|hojas de estilo]] o iconos Por ejemplo:<code><link rel="stylesheet" href="/style.css" type="text/css"></code>
:*<code><style></code>: para colocar el estilo interno de la página, ya sea usando [[hojas de estilo en cascada|CSS]], [[JavaScript]] u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <code><link></code>
*<code><body></code>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como [[HTML (colores)|color]] de fondo y márgenes. Dentro del cuerpo <code><body></code> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
:*<code><h1>, <h2>, <h3>, <h4>, <h5>, <h6></code>: encabezados o títulos del documento con diferente relevancia.
:*<code><table></code>: define una tabla
::*<code><tr></code>: fila de una tabla
:::*<code><td></code>: celda de datos de una tabla
:*<code><a></code>: [[Hipervínculo]] o enlace, dentro o fuera del [[sitio web]]. Debe definirse el parámetro de pasada por medio del atributo ''href''. Por ejemplo: <code><nowiki><a href="http://www.wikipedia.org">Wikipedia</a></nowiki></code> se representa como [http://www.wikipedia.org Wikipedia])
:*<code><div></code>: área de la página
:*<code><img></code>: imagen. Requiere del atributo ''src'', que indica la ruta en la que se encuentra la imagen. Por ejemplo: <code><img src="./imagenes/mifoto.jpg" /></code>
:*<code><li></code><code><ol></code><code><ul></code>: Etiquetas para listas.
:*<code><b></code>: texto en negrita (''Etiqueta descartada. Se recomienda usar la etiqueta <code><strong></code>'')
:*<code><i></code>: texto en cursiva
:*<code><u></code>: texto subrayado
*La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se muestra en los siguientes ejemplos:
:*<code> <table><tr><td>Contenido de una celda<'''/'''td><'''/'''tr><'''/'''table> </code>
:*<code> <script>Código de un [[script]] integrado en la página<'''/'''script></code>
== Nociones básicas de HTML ==
| |||