Se vuoi costruire la tua prima pagina web e stai cercando una guida che ti aiuterà a costruire la tua prima pagina HTML di base, allora sei atterrato nel posto giusto. Il seguente tutorial fungerà da guida passo-passo per creare pagine HTML per principianti.

Cos'è HTML?

L'abbreviazione di HTML del linguaggio di markup ipertestuale è un linguaggio di programmazione web utilizzato per visualizzare il contenuto in un browser Web. È costituito da una serie di elementi. Questi elementi vengono utilizzati per visualizzare e strutturare il contenuto di testo, le immagini e altri oggetti nella pagina Web come moduli, fogli di calcolo, video clip, clip audio e altre applicazioni. Cominciamo prima con un semplice esempio.

Questa è una voce

Questo è un paragrafo

L'anatomia dell'esempio sopra è la seguente.

• è una dichiarazione di un documento HTML.
• È noto come l'elemento radice dell'HTML e racchiude tutto il contenuto.
• È un elemento che racchiude il tipo di contenuto nascosto dall'utente ..
• Come suggerisce il nome, questo elemento specifica il nome della pagina HTML.
• Questo elemento funge da contenitore per il contenuto che appare sulla pagina web.

• Questo elemento definisce un'intestazione.

• Questo elemento specifica un paragrafo.

Elementi HTML

Nell'esempio sopra ti imbatterai in diversi elementi HTML. Un elemento HTML è classificato da un tag iniziale, un tag finale e un contenuto posizionato tra questi tag. Ad esempio, nell'esempio sopra '

Questa è una voce

'è un elemento. Qui

è il tag iniziale, "questa è un titolo" è il contenuto e

è il tag di chiusura.

Una pagina HTML è costituita da elementi nidificati. Nell'esempio sopra, ci sono cinque elementi HTML che sono , , ,

E

Tag HTML

I tag HTML vengono utilizzati per iniziare e terminare un elemento HTML. I tag iniziano con un segno meno di ''.
Per esempio:

Non dimenticare di chiudere un tag una volta iniziato. Per fare ciò, usa una barra in avanti oltre alle staffe angolate. Ecco come farlo

.

Nota importante: non mescolare mai gli elementi HTML con i tag HTML. Entrambi sono entità separate.

Attributi HTML

Gli attributi in HTML vengono utilizzati per aggiungere ulteriori informazioni su un elemento HTML. Queste ulteriori informazioni vengono aggiunte al tag iniziale.

In questo esempio, il src Specifica la posizione e il formato dell'immagine e del Al L'attributo fornisce una breve descrizione del tag img.

Intestazioni HTML

Abbiamo già discusso dell'elemento di intestazione HTML sopra. Ci immerciamo nei suoi dettagli. Questi titoli sono definiti da

A

Tag e da 1 a 6 rappresentano la dimensione dell'intestazione.

Il tag viene utilizzato per specificare la testa più grande mentre

Il tag viene utilizzato per impostare la testa più piccola.

Per esempio:

Benvenuti nella mia prima pagina HTML

Puoi anche fornire vari stili alla tua intestazione. Ad esempio,

Questa è una voce

Paragrafi HTML

L'elemento paragrafo HTML è specificato da

Questo è il mio primo paragrafo. Sto imparando le basi HTML. Voglio diventare uno sviluppatore web un giorno e creare siti Web fantastici.

Ora devi pensare che ci debba essere un editor che viene utilizzato per creare pagine HTML. Ecco alcuni esempi.

Editori HTML

Qui vengono arruolati alcuni dei popolari redattori HTML.

Bloc notes++

È uno dei redattori più comuni che i programmatori Web utilizzano per sviluppare pagine HTML. Di seguito presentiamo alcuni pro e contro del blocco note++.

Professionisti

• È un editor HTML gratuito e open source.
• È leggero e veloce.
• Ha un'interfaccia senza distrazione.
• È flessibile e viene fornito con alcuni plug-in convenienti.
• È supportato da tutti i sistemi operativi.

Contro

• È costruito solo per i sistemi operativi di Windows.
• Ha opzioni limitate per il test del codice.

Testo sublime

Sublime Text Editor ricorda il blocco note ++ ma è molto più avanzato. Di seguito abbiamo menzionato alcuni pro e contro del testo sublime.

Professionisti

• È disponibile per sistemi operativi Windows, Linux e Mac.
• Ha un'interfaccia colorata.
• È buono per i principianti.
• L'editor fornisce suggerimenti basati sul codice esistente, mentre ogni suggerimento ha un collegamento che contiene ulteriori informazioni al riguardo.
• Ha anche una funzione di modifica divisa

Contro

• Le funzionalità complete sono disponibili solo dopo l'acquisto del software.
• Non può stampare documenti o codice.

Codice Visual Studio

Visual Studio Code aka vs code è uno dei redattori di codice open source più alla moda tra gli sviluppatori Web forniti da Microsoft. Fornisce un ambiente di sviluppo integrato (IDE). Di seguito sono riportati alcuni pro e contro del codice Visual Studio.

Professionisti:

• È compatibile con Windows, Mac e Linux.
• Fornisce una funzione di completamento automatico.
• L'interfaccia è intuitiva.
• Fornisce strumenti di debug integrati.
• Gli utenti possono aggiungere estensioni della lingua.

Contro

• È un sistema software pesante.
• È anche un sistema pesante che impiega molto spazio su disco.

Conclusione

HTML è un linguaggio di markup standard che è un requisito fondamentale per la costruzione di pagine Web. Questo tutorial fornisce ai principianti una guida dettagliata dettagliata sulle basi di HTML. Discute elementi HTML, tag, attributi, intestazioni, paragrafi insieme ad esempi adeguati. Inoltre, questo tutorial guida anche il lettore su diversi redattori Web popolari e menziona chiaramente i loro vantaggi e svantaggi.