Selecciona el Idioma

sábado, 8 de junio de 2013

Estructura de Documentos (Lenguaje de Marcas)

Una cosa es el nombre del documento y otra cosa es su título. El título se incluye dentro del HEAD como hemos visto en el apartado anterior. Mientras que el nombre del documento se pondrá al aguardar el archivo con la extension .xhtml o .html (.htm).
Parágrafos y Saltos de Línea:
Como hemos visto anteriormente la creación de parágrafos se hace con la etiqueta <#p><#/p> dentro del <#body>.

Pero la acumulación de parágrafos no hace produce más líneas en blanco. Si deseamos añadir una, hemos de emplear el código: (sin puntos, para ejecutar código)

<#p>&.n.b.s.p;<#/p>
El código insertado dentro de las etiquetas del parágrafo sirve para crear espacios en blanco. Se puede usar dentro de otras etiquetas, que existan dentro del BODY.
Mientras que los saltos de línea simples , se indican con la etiqueta ( sin almohadilla, para ejecutar código)<#br />.
Separadores Horizontales:
Un separador horizontal es una línea que delimita dosp artes de una misma página. Se representa con la etiqueta: <#hr />

Centrar un Texto:
Podemos centrar un título insertado en HEAD por ejemplo, con el siguiente código :
<#style type="text/css">
h1 {#text-align:center}
<#/style>
Listas:
Hay dos tipos de listas las Ordenadas que se llaman así por que usan secuencia numérica (1,2,3...) y las No Ordenadas que se llaman así por que su orden es por secuencia de viñetas.
NO ORDENADAS:
la sintaxis correcta para su creación es:(sin almohadillas)
<#ol>
<#li> Limpia cristales<#/li>
<#li> Esponja de baño <#/li>
<#/ol>
ORDENADAS:
la sintaxis correcta para su creación es:(sin almohadillas)
<#ol>
<#li> Limpia cristales<#/li>
<#li> Esponja de baño <#/li>
<#/ol>
Listas de Definición
Su inicio y fin se hace con la etiqueta ( sin almohadillas) <#dl> <#/dl> En términos definidos con <#dt> <#/dt>. y las definiciones con <#dd> <#/dd>.( ver imagen de a bajo)

Tipo y Medida de la letra :
Podemos cambiar ambas cosas con: ( sin almohadilla para ejecutar código)
<#style type="text/css">
{# font-family: courier} o otro tipo, el que queramos
{#font-size: 38px} o otro tamaño de letra que queramos en pixels
<#/style>





Hipervinculos:
Es una conexión entre dos documentos diferentes se representa con el siguiente código : (sin almohadillas)
<#a href="dirección"> texto de enlace <#/a>
por ejemplo:
<#a href="http://www.facebook.com">Facebook <#/a>
Facebook
Ver imagen de a bajo como ejemplo de datos XHTML

La imagen anterior es incompleta dado que falta falta cerrar lasl istas, el body y lo más importante el html.

No hay comentarios:

Publicar un comentario