Nella lezione precedente abbiamo sperimentato l’utilizzo di alcuni codici racchiusi tra parentesi angolari denominati tag che determinano il modo in cui sarà visualizzato il testo compreso tra tali codici. Ad esempio il tag <p> comunica al browser che il testo che segue appartiene ad un paragrafo sino al punto in cui sarà presente il tag </p>, che tramite il simbolo “/” segnala la fine del paragrafo che il browser rappresenterà con un ritorno a capo.
Esamineremo ora la possibilità di specificare meglio le caratteristiche del testo tramite altre parole chiave interne al tag di apertura che prendono il nome di attributi. Ad esempio se vogliamo allineare il testo della seconda riga al centro della finestra possiamo utilizzare l’attributo align e modificare il nostro programma come segue:
Come si vede dalla figura precedente all’interno del tag <p> è stato specificato il valore dell’attributo align tramite la parola chiave center racchiusa tra virgolette. A questo punto sapreste modificare il file di testo per ottenere la seguente visualizzazione?
Anche il tag <body> offre la possibilità di definire alcuni attributi che definiscono l’aspetto generale della pagina, come ad esempio il colore dello sfondo:
Adesso provate da soli ad impostare lo sfondo grigio:
Abbiamo dunque esplorato la possibilità di specificare alcune caratteristiche di aspetto della pagina e del testo tramite l’utilizzo degli attributi offerti da ciascun tag (ogni tag ha i suoi attributi specifici). Quando gli attributi non sono specificati il browser gli assegna un valore predefinito (valore di default) che nel caso del tag <body> è bgcolor="white" mentre nel caso del tag <p> è align="left".