Vediamo oggi 3 comandi Comando <h1> <br> <a> Cosa fa Scrive una intestazione: devo specificare il testo Va a capo Genera un link: cosa vedere dove andare nuova pagina help in linea (toltip) a.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>indice Argomenti</title> </head> <body> <h1>indice Argomenti</h1> <a href="b.htm" title="vai al capitolo 1">Capitolo 1</a> <a href="c.htm" title="vai al capitolo 2">Capitolo 2</a> <a href="http://www.google.it" target=_blank title="vai al sito di google">ricerca con Google</a> </body> 1
b.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>capitolo 1</title> </head> <body> <h1>capitolo 1</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent hendrerit congue sagittis. Duis dapibus turpis quis egestas bibendum. Cras ultrices leo metus. Sed suscipit, magna eget mollis consequat, libero nunc lobortis neque, quis aliquam eros quam tempor quam. Vestibulum sit amet tincidunt magna, at blandit erat. Ut id lacus eu tortor mollis condimentum. Proin lobortis lacus sit amet massa molestie, hendrerit viverra augue imperdiet. Mauris vulputate sem ac sem cursus, sed mollis erat facilisis. Donec aliquam imperdiet laoreet. Praesent consectetur, purus ac bibendum ornare, mi ligula volutpat urna, eu rhoncus ipsum nulla nec tortor. Vivamus egestas ligula in gravida vulputate. Curabitur feugiat convallis orci a scelerisque. Nullam congue tincidunt metus at tincidunt. In suscipit, nunc id ultricies tristique, augue ligula condimentum ex, in tempor massa leo ut diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel malesuada ex. Proin aliquam neque sed mi suscipit varius. Sed dolor augue, blandit a posuere id, laoreet eu tortor. Maecenas tempus nisi vel vulputate semper. Curabitur convallis turpis nec tristique pretium. Aliquam viverra molestie lorem ut vulputate. Duis id convallis orci, nec cursus mi. Vestibulum lacinia commodo velit, ut venenatis augue aliquam ac. Aenean eget rhoncus augue. Integer maximus ullamcorper metus eget interdum. Quisque egestas, magna ut commodo fringilla, augue odio fermentum orci, sit amet sagittis massa velit ut metus. Fusce sit amet nisl libero. Donec id pulvinar nisl. Donec interdum cursus leo id porta. Duis iaculis lacus finibus, luctus urna vitae, laoreet ex. Mauris sed risus neque. Aliquam hendrerit, dui posuere dapibus pretium, neque nisi fringilla augue, eget pulvinar ante felis et mauris. Vestibulum ornare felis a eros tempus, feugiat placerat justo hendrerit. Integer sollicitudin neque nec aliquet sollicitudin. Nulla posuere scelerisque congue. Praesent luctus, arcu quis viverra imperdiet, sem arcu feugiat elit, sed semper ipsum enim quis arcu. Vestibulum mauris purus, varius sed rhoncus vel, pharetra ut arcu. Ut aliquam libero lacus, dignissim rutrum arcu gravida vitae. Suspendisse laoreet metus eu dignissim iaculis. <a href="a.htm" title="torna all'indice">indice argomenti</a> <a href="http://www.google.it" target=_blank title="vai al sito di google">ricerca con Google</a> </body> </html> 2
c.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>capitolo 2</title> </head> <body> <h1>capitolo 2</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent hendrerit congue sagittis. Duis dapibus turpis quis egestas bibendum. Cras ultrices leo metus. Sed suscipit, magna eget mollis consequat, libero nunc lobortis neque, quis aliquam eros quam tempor quam. Vestibulum sit amet tincidunt magna, at blandit erat. Ut id lacus eu tortor mollis condimentum. Proin lobortis lacus sit amet massa molestie, hendrerit viverra augue imperdiet. Mauris vulputate sem ac sem cursus, sed mollis erat facilisis. Donec aliquam imperdiet laoreet. Praesent consectetur, purus ac bibendum ornare, mi ligula volutpat urna, eu rhoncus ipsum nulla nec tortor. Vivamus egestas ligula in gravida vulputate. Curabitur feugiat convallis orci a scelerisque. Nullam congue tincidunt metus at tincidunt. In suscipit, nunc id ultricies tristique, augue ligula condimentum ex, in tempor massa leo ut diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel malesuada ex. Donec ut fringilla lorem, nec gravida arcu. Vestibulum in odio risus. In vitae fermentum quam. Cras efficitur nibh imperdiet magna gravida lacinia. Donec faucibus, nisl vitae auctor mattis, lacus quam imperdiet enim, fermentum rutrum eros lacus ut sapien. Suspendisse et posuere mi, at vulputate turpis. Vestibulum iaculis mi nunc, vitae vestibulum turpis luctus id. Mauris rhoncus, mauris sit amet lacinia dignissim, risus metus mollis odio, quis viverra ex risus in diam. Nullam at elementum risus. Donec sollicitudin fringilla lectus vitae varius. Etiam vel vehicula nulla. Quisque pellentesque aliquam lacus nec sollicitudin. Etiam ac risus sed ipsum feugiat luctus. Vivamus in commodo turpis. Nulla vulputate neque in mauris semper egestas. Suspendisse vel lectus faucibus, ullamcorper leo sed, rutrum arcu. Donec id pulvinar nisl. Donec interdum cursus leo id porta. Duis iaculis lacus finibus, luctus urna vitae, laoreet ex. Mauris sed risus neque. Aliquam hendrerit, dui posuere dapibus pretium, neque nisi fringilla augue, eget pulvinar ante felis et mauris. Vestibulum ornare felis a eros tempus, feugiat placerat justo hendrerit. Integer sollicitudin neque nec aliquet sollicitudin. Nulla posuere scelerisque congue. Praesent luctus, arcu quis viverra imperdiet, sem arcu feugiat elit, sed semper ipsum enim quis arcu. Vestibulum mauris purus, varius sed rhoncus vel, pharetra ut arcu. Ut aliquam libero lacus, dignissim rutrum arcu gravida vitae. Suspendisse laoreet metus eu dignissim iaculis. <a href="a.htm" title="torna all'indice">indice argomenti</a> <a href="http://www.google.it" target=_blank title="vai al sito di google">ricerca con Google</a> </body> </html> 3
Eseguire la pagina a.htm con un browser internet qualunque (es. google crome) 4
Se clicco su capitolo 1 vado a sostituire la pagina corrente con la pagina b.htm 5
Se clicco su ricerca con google vado a creare una nuova pagina che contiene google.it 6