Come creare un file HTML

« Older   Newer »
 
  Share  
.
  1.     +3   Like  
     
    .
    Avatar

    鏡花水月

    Group
    WA Special
    Posts
    11,786

    Status
    Anonymous

    File HTML: come scriverlo

    Dal post scritto da quella puzza di Kira-dn avrete capito cos'è un HTML, ma...come si scrive un file html e da quali parti è composto?



    L'HTML non è nient'altro che un file di testo con estensione .html (la più usata), .htm, .shtml, .shtm. Quindi per scriverlo possiamo anche usare un programma di testo qualsiasi, l'importante è che salviamo il file con le estensioni prima citate. Questo viene poi tradotto dai i browser nelle pagine web che visualizziamo.

    In generale è contrassegnato dalle tag
    CODICE
    <html></html>

    ed è composto da due parti fondamentali:

    - l'head o testata del documento, dove vengono inseriti, in genere, il titolo, la descrizione e/o i tag di indicizzazione;
    e
    - il body o corpo del documento, dove si inseriscono tutti gli elementi che compongono la pagina html come il testo, le immagini, i video, ecc.

    Head


    L'head lo si trova proprio all'inizio del file , subito dopo le tag dell'HTML ed è contrassegnato dalla tag
    CODICE
    <head></head>

    Al suo interno troviamo, come già detto, il titolo della pagina html, il titolo del paragrafo e la descrizione come sottotitolo; quindi esso sarà composto così:
    CODICE
    <html>
    <head>
    <title>Kira puzza</title> <!--titolo della pagina html-->
    <h1><p align="center">Kira puzza tantissimo</p><h1> <!--titolo del paragrafo-->
    <h2><p align="center">Kira-dn puzzone</p><h2> <!--descrizione-->
    </head>
    <body>
    </body>
    </html>

    e il risultato sarà questo.

    Body


    Il body è la parte più cospicua dela file html. Qui ci si può sbizzarrire come si vuole. con video, immagini un testo, ecc.
    Un body può essere così composto
    CODICE
    <html>
    <head>
    <title>Kira puzza</title> <!--titolo della pagina html-->
    <h1><p align="center">Kira puzza tantissimo</p><h1> <!--titolo del paragrafo-->
    <h2><p align="center">Kira-dn puzzone</p><h2> <!--descrizione-->
    </head>
    <body>
    <div align="center" style="border: 4px double #fff000; background: #3c0000"><script type="text/javascript">
    /* <![CDATA[ */
    document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
    /* ]]> */
    </script><br>
    <iframe width="560" height="315" src="http://www.youtube.com/embed/ZooxI3YOfYM" frameborder="0" allowfullscreen></iframe><br><br>
    <img src="http://internetinitalia.files.wordpress.com/2012/07/meme.jpg"></img><br><br>
    <textarea>Qui potete scrivere quello che volete</textarea>
    <br><script type="text/javascript">
    /* <![CDATA[ */
    document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
    /* ]]> */
    </script>
    </body>
    </html>

    e il risultato sarà questo.


    Edited by Hitømi - 24/5/2013, 11:40
     
    .
  2.     +1   Like  
     
    .
    Avatar

    (╯°□°)╯︵ ┻━┻

    Group
    Membro Onorario
    Posts
    15,142
    Location
    (⊙_◎)

    Status
    Offline
    Bene, grazie anche se qualcosa già sapevo, dato che l'ho studiato in prima superiore! :)

    PS: Bella la canzone! ^_^
     
    .
  3. Tony™
        Like  
     
    .

    User deleted


    Ma come si fa per "inserirlo" nel web? ovvero io usavo il blocco note per creare il file ma poi come si fa per metterlo in rete?
     
    .
  4.     Like  
     
    .
    Avatar

    Senior Member

    Group
    Membro Onorario
    Posts
    22,167
    Location
    San Benedetto del Tronto

    Status
    Offline
    Basta creare un account altervista e upparci il file html.
     
    .
  5.     Like  
     
    .
    Avatar

    鏡花水月

    Group
    WA Special
    Posts
    11,786

    Status
    Anonymous
    Dipende sempre se tu non hai un sito tuo. Se così fosse dovresti upparlo tramite ftp o tramite l'upload diretto sul sito hosting dove hai creato il sito.
     
    .
4 replies since 24/5/2013, 09:24   2163 views
  Share  
.