Come Creare una Pagina Web Semplice con Blocco Note: 15 Passaggi

Sommario:

Come Creare una Pagina Web Semplice con Blocco Note: 15 Passaggi
Come Creare una Pagina Web Semplice con Blocco Note: 15 Passaggi

Video: Come Creare una Pagina Web Semplice con Blocco Note: 15 Passaggi

Video: Come Creare una Pagina Web Semplice con Blocco Note: 15 Passaggi
Video: Non fatevi fregare: TUTTA LA VERITÀ SULLE VPN 2024, Maggio
Anonim

Ogni giorno accediamo a vari siti web. Tuttavia, a volte ci chiediamo, è difficile creare il proprio sito web? In questo articolo verrai guidato a creare una semplice pagina web HTML con Blocco note.

Fare un passo

Metodo 1 di 1: creazione della propria pagina Web

Crea una semplice pagina web utilizzando il Blocco note Passaggio 1
Crea una semplice pagina web utilizzando il Blocco note Passaggio 1

Passaggio 1. Apri Blocco note

Questo editor di testo è un programma integrato disponibile su tutti i computer Windows e si trova nel menu Start. Dopo l'apertura del Blocco note, fare clic su File > Salva con nome, quindi selezionare Tutti i file nella colonna Tipo di file. Salva il file creato in formato HTML. In genere, la pagina principale di un sito ha il nome del file "index.html" e contiene i collegamenti a tutte le pagine del sito.

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 2
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 2

Passaggio 2. Comprendi l'HTML

Il segno (tag) in HTML (Hypertext Markup Language) è in.

Questi marchi servono per costruire il tuo sito web. Per terminare il codice HTML, usa un tag di fine, come. Il segno di chiusura è utile per chiudere vari segni, come il grassetto oi segni di paragrafo.

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 3
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 3

Passaggio 3. Avvia la tua pagina web inserendo un tag nella parte superiore del file

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 4
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 4

Passaggio 4. Utilizzare i tag per inserire varie informazioni

I segni sono utili per impostare il titolo della pagina, mentre i tag (facoltativi) sono usati per inserire una spiegazione dei contenuti della pagina web. Il segno verrà quindi letto dai motori di ricerca, come Google.

Crea una pagina Web semplice utilizzando il Blocco note Passaggio 5
Crea una pagina Web semplice utilizzando il Blocco note Passaggio 5

Passaggio 5. Dopo aver inserito il tag, intitola la pagina con il tag, ad esempio wikiHow HTML

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 6
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 6

Passaggio 6. Completa l'intestazione del sito utilizzando il segno

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 7
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 7

Passaggio 7. Utilizzare i tag per inserire il contenuto della pagina

Tieni presente che non tutti i colori sono supportati dai browser. Ad esempio, il grigio scuro potrebbe non essere supportato.

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 8
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 8

Passaggio 8. Scrivi il contenuto della pagina web tra i

Ad esempio, inizia creando un'intestazione del sito. L'intestazione del sito è la parte del sito a caratteri cubitali ed è contrassegnata da un segno

fino a

. Cartello

puoi usare per creare un'intestazione del sito con la dimensione del carattere più grande. Prova a usare il segno appena sotto il segno, come

Benvenuto nel mio sito

. Assicurati di chiudere il cartello

alla fine della frase.

Crea una semplice pagina web utilizzando il Blocco note Passaggio 9
Crea una semplice pagina web utilizzando il Blocco note Passaggio 9

Passaggio 9. Crea un paragrafo sulla pagina con il segno

Ad esempio, scrivi

Prova di paragrafo!

Per creare una nuova linea, usa il segno, o si rompe.

Crea una semplice pagina web utilizzando il Blocco note Passaggio 10
Crea una semplice pagina web utilizzando il Blocco note Passaggio 10

Passaggio 10. Certamente non vuoi che la pagina web che crei contenga solo testo normale

Usa i seguenti flag per formattare il testo nelle pagine web: in grassetto, in corsivo e sottolinearlo. Dopo aver utilizzato il segno sopra, non dimenticare di chiuderlo!

Crea una semplice pagina Web utilizzando il Blocco note Passaggio 11
Crea una semplice pagina Web utilizzando il Blocco note Passaggio 11

Passaggio 11. Aggiungi immagine con segno

Image
Image

per abbellire il sito e aggiungere informazioni che non possono essere spiegate in forma testuale.

Cartello

Crea una semplice pagina web utilizzando il Blocco note Passaggio 13
Crea una semplice pagina web utilizzando il Blocco note Passaggio 13

richiede determinate informazioni per funzionare. La sintassi completa del segno

può avere questa forma:.

Il parametro src nel segno serve per scrivere il nome del file immagine e la funzione larghezza e altezza per descrivere la lunghezza e la larghezza.

Passaggio 12. Creare un collegamento che porti a un'altra pagina con un, ad esempio Un'altra pagina

Il testo al centro del segno è il testo che apparirà sulla pagina, mentre il parametro href contiene la pagina di destinazione. Con i link, i visitatori possono spostarsi facilmente su diverse pagine del tuo sito.

Passaggio 13. Quando hai finito di compilare il sito, termina la pagina chiudendo il

Infine, chiudi il codice HTML con

Crea una semplice pagina web utilizzando il Blocco note Passaggio 14
Crea una semplice pagina web utilizzando il Blocco note Passaggio 14

Passaggio 14. Salva la pagina Web creata con l'estensione.html e aprila nel tuo browser preferito per testarla

Crea una pagina Web semplice utilizzando il Blocco note Passaggio 15
Crea una pagina Web semplice utilizzando il Blocco note Passaggio 15

Passaggio 15. Leggi la seguente guida per caricare il tuo sito su Internet

Suggerimenti

  • Su Internet ci sono vari siti che contengono guide per la creazione di un sito web. W3school è un sito con un buon materiale.
  • Assicurati di chiudere tutti i tag nel file HTML.
  • Metti un segno nella prima riga del file, prima del. Questo flag indica che il file che stai creando è un file HTML5.
  • Cambia il carattere con i segni prima e dopo. Sostituisci "N" con il carattere che desideri, ad esempio "Verdana".
  • Se hai bisogno di usare le parentesi angolari, usa il codice. Nel frattempo, per usare il segno &, usa il codice &.
  • Secondo i tutorial HTML, dovresti sempre nominare i file e le cartelle web in minuscolo, senza spazi e punteggiatura. Mentre Windows ti consente di inserire spazi nei nomi dei file, molti provider di hosting non lo fanno. Inoltre, un nome file pulito ti renderà più facile la gestione del tuo sito.

Consigliato: