HTML sta per linguaggio di markup ipertestuale e i documenti che utilizzano questo linguaggio creano pagine web. Ogni sito web lo utilizza, quindi è importante capire come funziona.
In questo articolo tutorial imparerai tutto ciò che devi sapere su HTML.
Quale è Dichiarazione?
Il la dichiarazione è la prima riga di codice in ogni HTML file. Indica ai browser Web quale versione di HTML è all'interno di un file specifico.
Ogni versione di HTML è unico e ha le sue regole. HTML 5 è l'ultima versione della lingua. È la versione consigliata per gli sviluppatori, nonché la versione più semplice da dichiarare. Per dichiarare un HTML 5 documento, aggiungi semplicemente il HTML elemento per il dichiarazione.
Puoi vedere un esempio qui sotto:
Quale è Etichetta?
In ogni HTML documento, il dichiarazione è seguita da etichetta. Questo tag identifica la radice del documento e racchiude il e tag.
Il tag è la prima sezione e contiene il
Un solo tag
Di seguito puoi vedere un esempio di tag title:
Un'introduzione all'HTML
Un HTML file che ha il
Il tag descrive il contenuto di una pagina web e generalmente ha un nome e un attributo di contenuto. Tre dei tipi più popolari di tag sono descrizione, parola chiave e viewport.
Di seguito è riportata una descrizione esempio di tag:
L'attributo del contenuto del tag description contiene una descrizione del tuo sito web pagina. Questi sono i dati che vengono visualizzati nei risultati di un motore di ricerca, che indicano a un potenziale visitatore cosa aspettarsi su un sito web.
Di seguito è riportato un esempio di tag di parole chiave:
Il tag parole chiave contiene parole o frasi che sono rilevanti per il tuo sito web. Ogni nuova parola o frase assegnata a un attributo di contenuto della parola chiave è separata da una virgola, come puoi vedere nell'esempio sopra.
Di seguito è riportato un esempio di tag viewport:
Il tag viewport aiuta a creare design reattivi, rendendo la tua pagina web reattiva a diversi tipi di dispositivi.
Che cos'è il tag ?
Il tag è la seconda sezione principale all'interno del tag radice . Il tag contiene tutti gli elementi visualizzati in una pagina web.
Gli elementi con un tag sono classificati come elementi in linea o di blocco. Se vuoi vedere un cheat sheet completo di HTML Essentials, ne abbiamo messo uno insieme in modo che tu possa capire tutto più facilmente.
Cosa sono gli elementi di blocco?
Gli elementi di blocco iniziano sempre su una nuova riga e occupano l'intera larghezza della linea che sei su.
Alcuni elementi di blocco che utilizzerai includono:
- I tag di intestazione
- I
tag
- Il tag
- Il
tag
- Il tag
- Il tag
Gli elementi di blocco vengono utilizzati per dividere il testo sul sito Web in un formato coerente e digeribile.
Esistono sei diversi tipi di tag di intestazione: , , , , e . Il tag produce l'intestazione più grande, il produce il intestazione più piccola, e tutte le altre intestazioni cadono in una posizione tra le due (a seconda del suo numero valore).
I tag di intestazione vengono utilizzati nelle intestazioni di una pagina web. L'uso di un tag di intestazione specifico dipende dalla posizione dell'intestazione nella pagina web. Ad esempio, il tag viene utilizzato nella prima intestazione di una pagina Web e una pagina Web utilizza solo un elemento h1 (sebbene possa avere diversi elementi h2, h3 e h4).
Di seguito puoi vedere un esempio del tag
in azione: Apprendimento delle basi dell'HTML
codice>
Che cos'è il tag
?
Il
è un altro elemento di blocco che viene utilizzato all'interno del corpo della pagina web, e crea paragrafi. Di seguito è riportato un esempio di utilizzo di questo tag:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventore, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!
Cos'è il Tag? Il tag rappresenta una divisione. Viene utilizzato per creare contenitori per gruppi di altri elementi HTML per motivi di stile o funzionali. Ad esempio, se stai lavorando con una griglia, dovrai inserire tutti gli elementi della griglia all'interno di un contenitore. Un tag è ciò che dovrai utilizzare per creare il contenitore. Correlato: Scopri come creare siti web bidimensionali con CSS Grid
I tag
e
vengono utilizzati per creare elenchi in HTML. Il tag
crea elenchi ordinati, mentre il tag
crea elenchi non ordinati. Tuttavia, entrambi i tag utilizzano il tag , che crea elementi dell'elenco.
Utilizzo del tag
Un elenco ordinato utilizza i numeri per impostazione predefinita. Tuttavia, il tag
ha un attributo type che puoi utilizzare per indicare esplicitamente l'elemento che desideri utilizzare per ordinare il tuo elenco. È possibile ordinare un elenco con numeri romani maiuscoli o minuscoli, lettere maiuscole o minuscole o numeri.
Puoi vedere un esempio di seguito:
- Primo elemento
< li>Secondo item
- Terzo articolo
Il codice sopra crea una lista ordinata usando lower lettere maiuscole.
Utilizzo del tag
Il tag
ha anche un attributo type, che assume uno dei diversi valori: disco, cerchio o quadrato. Tuttavia, il disco è l'indicatore predefinito di un nuovo elemento dell'elenco in un elenco non ordinato.
Di seguito è riportato un esempio di ciò che un elenco non ordinato vorrebbe sotto forma di codice:
- Primo elemento
- Secondo item
- Terzo elemento
Cosa sono gli elementi in linea?
Un elemento in linea no iniziare su una nuova riga. Inizia dalla successiva posizione disponibile, che può essere o meno su una nuova riga, e utilizza solo la larghezza necessaria. Alcuni elementi in linea che probabilmente utilizzerai includono:
Discuteremo ciascuno di questi in modo più approfondito sotto.
Che cos'è il tag ?
Il tag viene utilizzato per scopi di stile in linea. Ad esempio, se desideri modificare lo stile di una parola o frase specifica all'interno di un paragrafo, puoi utilizzare il tag .
Di seguito è riportato un esempio di questo tag:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventore, reiciendis earum illum dignissimos officia ,culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!
Utilizzando il tag nel l'esempio sopra garantisce che le due parole all'interno del tag ora possano avere un unico stile.
Che cos'è il tag ?
Il tag viene utilizzato per creare collegamenti su una pagina web. Il tag consente a uno sviluppatore di collegarsi a un sito Web diverso (link esterno) oa una pagina Web diversa sullo stesso sito Web (link interno). Il tag ha due attributi importanti: href e target.
L'attributo href è essenziale, poiché memorizza il valore della posizione del collegamento. E l'attributo di destinazione è necessario perché consente a un utente di aprire il collegamento in una nuova scheda. Senza l'attributo target, si aprirà un collegamento nella scheda corrente e, se si tratta di un collegamento esterno, allontanerà il traffico dal tuo sito web.
Vedi sotto per un esempio del tag in azione:
Fai clic su questo collegamento a Google
L'apprendimento dell'HTML è Essenziale per i programmatori
L'apprendimento dell'HTML è fondamentale per tutti i programmatori e dovrebbe costituire le basi del tuo studi. Fortunatamente, però, non è nemmeno troppo complicato.
Dopo aver letto questa guida, dovresti avere tutto il necessario per iniziare a formattare meglio i siti web.
CondividiTweet span>E-mail
Un Introduzione ai fogli di stile a cascata (CSS)Sei pronto ad abbandonare le pagine Web HTML blande e ravvivare le cose con i CSS? Ecco la guida di cui hai bisogno per iniziare.
Leggi avanti
Correlati Argomenti
- Programmazione
- HTML
-
Suggerimenti per la codifica
- Programmazione
Informazioni L'autore
Kadeisha Kean (27 articoli Pubblicato)Kadeisha Kean è uno sviluppatore software full-stack e scrittore tecnico/tecnologico. Ha la spiccata capacità di semplificare alcuni dei concetti tecnologici più complessi; producendo materiale che può essere facilmente compreso da qualsiasi principiante della tecnologia. È appassionata di scrivere, sviluppare software interessanti e viaggiare per il mondo (attraverso documentari).
Altro da Kadeisha Kean
