Una pagina web è un documento sul World Wide Web scritto in una lingua di markup ipertestuale. Questa lingua è costituita da centinaia di elementi, anche denominati "tag". Mentre il foglio di stile a cascata può aiutare con HTML per fornire proprietà di styling agli elementi HTML.

Durante l'avvio dello sviluppo web, i principianti potrebbero non conoscere il metodo per creare una semplice pagina HTML ed eseguirla. Quindi, questo manuale dimostrerà:

• Prerequisiti per creare una pagina web
• Come creare una semplice pagina HTML?
• Come modellare una semplice pagina HTML?

Prerequisiti per creare una pagina web

Per creare una pagina web, i prerequisiti sono:

• Editor di testo
• programma di navigazione in rete

Editor di testo come prerequisito per la creazione di Web Pagina

Un programma di software per computer che consente agli utenti di modificare, archiviare e stampare il testo è un editor di testo. Diversi redattori di testo possono essere utilizzati per realizzare programmi Web, pagine Web e altro, come il codice Visual Studio, il testo sublime, il blocco note e così via. Se sei un principiante, il blocco note è relativamente facile da usare. Ma per grandi progetti, è meglio utilizzare qualsiasi altro editor come Sublime Text o Visual Studio Code.

Browser Web come prerequisito per la visualizzazione della pagina Web

Un browser Web è un software che ti porta ovunque su Internet. Recupera le informazioni e le visualizza su uno schermo.

Come creare una semplice pagina HTML?

Ora, iniziamo a creare una semplice pagina HTML passo per passo.

Passaggio 1: crea una cartella vuota
Innanzitutto, crea una cartella vuota come repository del nostro progetto:

Passaggio 2: Apri Editor di testo
Per scrivere il codice HTML, prima, scegli l'editor di testo di tua scelta. Ad esempio, useremo Blocco note ++ e il suo spazio di lavoro sembrerà in qualche modo questo:

Passaggio 3: aggiungi elementi HTML all'editor di testo
Gli elementi HTML vengono utilizzati per costruire componenti diversi del documento HTML. Ad esempio, per aggiungere un paragrafo,

Viene utilizzato il tag, i tag di intestazione sono indicati come

,

,

,

,

, E

. Per aggiungere un'immagine, è possibile utilizzare un tag. Tutti questi tag vengono aggiunti all'interno dei tag iniziali e chiusura dell'elemento radice .

Ad esempio, abbiamo aggiunto il codice di esempio HTML nel nostro file come segue:

Html

Benvenuti nella mia prima pagina HTML.

L'immagine seguente mostra un codice di esempio scritto nell'editor Notepad ++:

Passaggio 4: salva il file
Salva il file HTML nella cartella creata nel primo passaggio facendo clic su "Salva"Opzione come mostrato di seguito:

Di conseguenza, ti verrà chiesto di specificare il nome del file e il suo tipo. Dopo averlo fatto, fai clic su "Salva"Pulsante come mostrato di seguito:

Passaggio 5: apri il file con browser Web
Per vedere come appare il file HTML nel browser, seguire i passaggi sotto l'elenco:

• Innanzitutto, aprire la cartella in cui viene salvato il file HTML.
• Seleziona il file e fai clic con il tasto destro sul file. Di conseguenza, verrà visualizzato un menu a discesa.
• Quindi, seleziona il "Aperta con"Opzione e quindi scegliere il browser che si desidera utilizzare per l'apertura della pagina Web. Ad esempio, abbiamo selezionato "Google Chrome":

Selezionando il browser, il codice HTML genererà il risultato come segue:

Ecco come possiamo creare una semplice pagina HTML. Puoi applicare gli stili a questi elementi HTML usando CSS.

Come modellare una semplice pagina HTML?

CSS, o foglio di stile a cascata, viene utilizzato per specificare come sono mostrati gli elementi HTML sul browser Web. Permette agli utenti di applicare diverse proprietà di stile agli elementi HTML in modo che la pagina web appaia più attraente e accattivante.

Ora, modeliamo la pagina HTML creata sopra con l'aiuto delle proprietà CSS:

• Innanzitutto, aggiungi un tag nella sezione principale del file HTML.
• Al suo interno, H1 viene utilizzato per accedere al

  tag su cui applicheremo proprietà diverse.

• Per aggiungere il colore del carattere, utilizza il “colore"Proprietà e impostare il suo valore come"rosso".
• IL "allineamento"Il valore della proprietà è impostato come"centro", Che significa che l'intestazione verrà visualizzata al centro.
• Quindi, per sottolineare l'intestazione, il "decorazione del testoLa proprietà "è impostata come"8px sottolinea grigio", Dove 8px rappresenta la larghezza della linea, sottolinea la proprietà della decorazione e il grigio è il colore. Gli utenti possono impostare i valori delle proprietà in base alle loro preferenze.
• Allo stesso modo, applicheremo alcune proprietà al

  anche elemento.

Di seguito è riportato il codice per lo scenario sopra descritto:

Salva il file, quindi aprilo nel browser Web:

Questo è figo! Abbiamo imparato a creare una semplice pagina HTML e modellarla con alcune proprietà CSS.

Conclusione

Per sviluppare un sito Web, in primo luogo, gli utenti devono imparare i linguaggi HTML e CSS poiché la lingua HTML fornisce la struttura della pagina web e per abbellire le pagine Web, utilizziamo le proprietà CSS. Queste proprietà sono impostate in base alla scelta dell'utente. Per creare un semplice file HTML, è possibile utilizzare un editor di testo o un editor di codice e seguire la procedura data. Questo manuale ha spiegato come creare una semplice pagina HTML con CSS con l'aiuto dell'implementazione pratica.