dimarts, 17 de març del 2015

Pàgina HTML

Per a fer una pàgina html obrirem la llibreta del nostre ordinador i començarem desant el document amb el final ".html". Si ho preferissim podriem utilitzar una llibreta en línea (com el notepad++), que al tenir ajuda ens facilitaria la feina.

1. Obrirem una clau html i la tancarem per poder escriure-hi a l'interior. Aquesta serà la base de la nostra web.

2. Obrirem una clau head i a l'interior hi escriurem el títol.

3. Obrirem una clau body,que serà el cos de la nostra pàgina i a dins hi posarem les url, els colors i els textos que necessitem. Un exemple seria:





<html>

    <head>

        <title> Excercici d'avaluació </title>
        <meta charset="iso-8859-1" />
    </head>







    <body bgcolor="grey" topmargin="20" leftmargin="20" marginheight="20" marginwidth="20">
       
        <hr color="blue" />
        <center>
        <h2> Excercici d'avaluació </h2>
        </center>
       
       

        <hr color="black" />
        <h3> Carpe diem és una expressió provinent del llatí que significa "aprofita el dia". És un tema recurrent en la literatura occidental com a exhortació a no deixar passar el temps que se'ns ha brindat, o a gaudir dels plaers de la vida i deixar de costat el futur, que és incert. Té una especial importància al Renaixement, Barroc i Romanticisme. Així mateix, es pot traduir com "aprofita el moment" o "viu el moment", és a dir, aprofita l'oportunitat i no esperis a demà, perquè pot passar que demà l'oportunitat ja no existeixi. La seva significació va anar variant des de “aprofita la vida que són dos dies” fins a “aprofita les teves capacitats que la vellesa tot ho encalça”.
        </h3>



        <center>
            <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Yvoire_cadran_solaire.jpg/320px-Yvoire_cadran_solaire.jpg">
        </center>


   
       
       
        En <a href="http://ca.wikipedia.org/wiki/Carpe_diem" > aquesta pàgina </a> trobaràs informació referent al Carpe Diem.
       
       


        <ul>
            <li> Primer </li>
            <li> Segon </li>
            <li> Tercer </li>
        </ul>



    </body>









</html>




Cap comentari:

Publica un comentari a l'entrada