jueves, 19 de febrero de 2015

ETIQUETAS

el lenguaje html se basa en etiquetas , por es es por importante entender bien la sintaxis de las etiquetas.

las etiquetas siempre van contenidos entre los signos de desigualdad <>. Por ejemplo <body>, <titl>, <p>

las etiquetas tienen una de apertura y una de cierre, marcada por el signo / . por ejemplo
<body> (apertura)
</body> (cierre)

entre la apertura y el cierre, esta el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta.

algunas etiquetas, no tienen contenido, y se cierran sobre si mismas. esto se expresa colocando la apertura y el cierre en la misma etiqueta, como por ejemplo 
<br />  que equivaldría a: <br></br>

(la etiqueta <br /> escribe un salto en la linea)

vamos a fijarnos en la apertura de la etiqueta. la primera palabra que aparece es el nombre o identificador de la etiqueta. aparte, podemos encontrar atributos con sus valores, siguiendo el formato 
<etiqueta atributo1="valor" atributo2="valor">

(se debe escribir el nombre de la etiqueta y los atributos en minúscula  los valores contenidos entre comillas.si un atributo tiene mas de un valor. se escriben todos los valores dentro de la mismas comillas, separados por espacios en blanco, por ejemplo <etiqueta atributo=2valor1 valor2">)


ejercicio


abre la pagina ejercicio1.htm con el bloc de notas
añade 

<html>
<head>
<title>ejercicio1</title>
</head>
<body>
<p>esto es una <br/>pagina web</<
p< aligne="center"< he puesto el atributo alineacion centrada</p>
</body>
</head>




en este ejercicio hemos puesto el atributo aligne(alineación) ala etiqueta del párrafo (<p>) y le hemos dado el valor "center" (centrado)


actualmente se separa el formato del texto, empleando estilos. Esto hace que las etiquetas de texto no tengan muchos atributos


por ejemplo:


bienvenidos a www.educarm.es


antes, sin estilos

<p aling="center"><font color="#993366" size="4"
face="comic sant ms, arial, ms sant serif"> bienvenidos a www.educarm.es</font<</p>


ahora, con estios
<p class="presentacion"> bienvenidos a educarm.es</p>


No hay comentarios:

Publicar un comentario