Un documento HTML (Hypertext Markup Language) forma la base strutturale di una pagina Web fornendo il livello di contenuto. L'ipertesto può essere qualsiasi testo che può essere visualizzato sullo schermo e contiene collegamenti ad altri testi. I siti Web, ad esempio, hanno innumerevoli documenti collegati tra loro attraverso i collegamenti ipertestuali.

La lingua di markup fornisce significato al testo in un documento descrivendo la struttura e il formato di quel testo. Inoltre, la formattazione e la strutturazione del testo di un documento HTML è assistita da tag.

Se vuoi creare il tuo sito Web, applicazione Web o sapere come modificare altri siti Web e app, devi capire cosa sia HTML? Per servire allo scopo sopra indicato, questo post fornisce contenuti ricchi per ottenere le basi di HTML.

Elementi HTML

I documenti HTML sono costituiti da elementi e un elemento in HTML è costituito dai seguenti oggetti:

testo

E definisce la proprietà del testo all'interno di questi tag. Ad esempio, il testo (Linuxhint) scritto tra i tag

E

sarà considerato come intestazione 1.

Per i paragrafi, si possono usare i tag

E

. Tuttavia, si osserva che diversi elementi HTML non hanno i tag finali (o non contengono alcun testo all'interno), come
, e vengono indicati come vuoto elementi.

Pochi elementi HTML comunemente usati sono qui descritti che servono varie funzionalità per costruire una pagina HTML:

• Intestazione del testo: I tag

  ,

  ,

  ..

  sono utilizzati per titoli di testo di varie dimensioni.

• Sezione/Divisione: Una sezione o una divisione è definita usando il tag. Queste divisioni sono anche indicate come contenitori e un singolo contenitore può contenere più contenitori.
• Paragrafo: Qualsiasi testo scritto tra

  E

  sarà considerato un paragrafo.
• collegamento: Per incorporare un collegamento in un documento HTML, vengono utilizzati i tag di ancoraggio ().
• elenchi di elementi: IL Il tag viene praticato per elencare gli elementi. Inoltre, il
  E
  I tag vengono utilizzati per disporre gli elementi rispettivamente in un elenco ordinato e non ordinato.
  • Immagine: Per l'inserimento di un'immagine, viene utilizzato il tag.

  Attributi HTML

  La funzionalità degli elementi HTML può essere estesa usando gli attributi. Gli attributi sono definiti nel tag di avvio e indirizza l'elemento HTML per eseguire la proprietà specifica sul contenuto di quel tag. Ad esempio, un tag di ancoraggio in HTML contiene un attributo Href che crea un link al contenuto scritto all'interno di quel tag. Proviamolo:

  Il seguente tag di ancoraggio () contiene il testo "Linuxhint" e il Href L'attributo creerà il collegamento di indice.html su quel testo.

  Inoltre, è possibile specificare diverse proprietà di styling di un elemento usando gli attributi. L'attributo di stile di HTML può essere utilizzato per specificare i colori, lo stile del carattere e la dimensione del carattere di un elemento. Gli utenti possono limitare le dimensioni di un'immagine in elemento usando il larghezza E altezza attributi. IL classe L'attributo di un elemento consente di utilizzare la proprietà di una classe CSS.

  Editori HTML

  L'editor HTML svolge un ruolo vitale nello sviluppo di un documento HTML. Sebbene le basi dei documenti HTML si basino fortemente sugli elementi. Tuttavia, questi elementi sono strutturati usando un editor. Questa sezione elenca vari redattori HTML più utilizzati:

  Codice Visual Studio

  Visual Studio Code fornisce una vasta gamma di funzionalità per l'editing e la ridefinizione del codice sorgente di applicazioni basate sul Web/cloud. È sviluppato da Microsoft e ha accessibilità open source, quindi ha anche il supporto Linux.

  Wysiwyg Web Builder

  Il Wysiwyg rappresenta Wcappello You See IOS Wcappello You GET, e come dirige il nome, mostra l'output sulla modifica del tempo di esecuzione. Questo strumento supporta l'ultima versione di HTML5 e anche alcune versioni precedenti.

  Testo sublime

  Utilizzando questo strumento, è possibile creare un documento HTML con una struttura pronta. Una volta salvato qualsiasi file di testo sublime utilizzando .html o .HTM Extension, otterresti l'intera struttura della pagina come mostrato nell'immagine seguente:

  Bloc notes++

  Notepad ++ è un altro costruttore HTML che consente di costruire una pagina usando gli elementi HTML. Se viene salvato un file Notepad ++ .htm O .html Estensione, ti guiderà a utilizzare gli elementi HTML corretti.

  Inoltre, molti altri strumenti sono disponibili anche come evidenziatore di sintassi, completamento automatico, debug e convalida del codice.

  Come vengono sviluppati i documenti HTML

  Il documento HTML comprende elementi disciplinati per ottenere contenuti significativi. Questi elementi sono strutturati usando un editor HTML. Qui stiamo usando Sublime Text 4 come editor HTML:

  È possibile seguire i passaggi forniti di seguito per costruire una semplice pagina HTML:

  Passo 1: Apri l'editor di testo sublime e salva il file utilizzando .html, .xhtml, .shtml o.Estensione HTM.

  Passo 2: Scrivi nel riquadro di modifica del testo e premi Invio. Il tempo in cui si prevede ENTER, una struttura di base del documento HTML verrà creata per impostazione predefinita come mostrato di seguito:

  L'immagine sopra rappresenta gli elementi necessari di un documento HTML. Inoltre, vari elementi e i loro attributi abbelliscono l'interfaccia della pagina e soddisfano le esigenze di un utente.

  Conclusione

  HTML è una lingua che offre la formattazione e la strutturazione del testo per una pagina web. Questo articolo fornisce una guida informativa e completa su HTML. Hai saputo degli elementi costitutivi dei documenti HTML. Inoltre, abbiamo fornito collegamenti a diversi strumenti di editing che possono aiutarti a creare pagine HTML.