3D SIA: 1a Lezione sull'HTML


In questo primo esercizio ci sono i tag che consentono di formattare un testo:
grassetto, corsivo, sottolineato, inserimento del colore allo sfondo di una pagina
, l'inserimento di una foto, con l'indirizzo "relativo" della foto all'interno della sotto cartella e l'indirizzo assoluto della foto (linkata dal Web).
E' stato effettuato il ridimensionamento  della foto con il programma on line www.pixlr.com/editor
e il ridimensionamento con i tag nella foto.

Attenzione: se copiate questa pagina e la salvate con l'estensione html, noterete che le foto interne al sito non ci sono e vi uscirà il classico quadratino che indica che la foto non c'è, quindi dovete creare una cartella che chiamerete Web e all'interno una sotto cartella che chiamerete immagini, dentro quest'ultima dovrete salvare le foto ( a scelta... che cercherete su www.pixabay.com

All'indirizzo: http://laboratoriosia.altervista.org/3DSIA/informatica/eserciziphp/filemanager_didattico2/filemanager.php
accedendo con la password che vi ho già comunicato avrete l'esercizio funzionante con le cartelle e i files.

Link della lezione: http://paololatella.blogspot.com/2016/09/lezione-sul-linguaggio-html-classi-iii.html


ESEMPIO:

<html>
<head>
<title> Il mio primo esercizio </title>
</head>
<body bgcolor="yellow">
<b>Fantastico</b> !! <br> <p>
La <i>mia</i> prima <u>pagina</u>z<p>
qualcosa di <u><i><b><font color="#ff0000" face="arial"
size="7">divertente</font></b></i></u>
<p>
<p>
Ecco un immagine:
<img src="./immagini/grandpa-519246_960_720.jpg"/>
<p>
<p>
<p>
<img src="https://cdn.pixabay.com/photo/2016/10/04/23/52/cow-1715829__340.jpg"/>
<p>
<p>
<p>
<img src="./immagini/mucca_pic.jpg"/>

<p>
<p>
<img src="./immagini/grandpa-519246_960_720.jpg" width="200" height="140" />
</body>
</html>

Commenti

Post popolari in questo blog

Simulazioni di reti (con Cisco Packet Tracer)

Esercizi sulla rappresentazione della virgola mobile IEEE 754 (Floating Point)