html cheat sheet quick guide html tags
Fare riferimento a questo esauriente foglio illustrativo HTML per conoscere i vari tag di codifica HTML comunemente usati con esempi di codice:
Quando iniziamo il tutorial, capiremo prima cos'è il linguaggio HTML e più avanti nel tutorial daremo un'occhiata ai vari tag HTML. Qui, comprenderemo anche alcuni dei tag utilizzati in HTML5.
Quindi andiamo avanti e capiamo prima cosa è l'HTML.
Cosa imparerai:
Cos'è l'HTML
HTML sta per Hyper Text Markup Language. È un linguaggio di markup inventato da Tim Berners-Lee nell'anno 1991. In parole semplici, possiamo dire che questo è un linguaggio che descrive come verrebbe visualizzato il contenuto di una pagina web. A tale scopo utilizza tag all'interno dei quali è incorporato il testo da visualizzare. Il browser interpreta questi tag per visualizzare il testo sullo schermo.
Ci sono state molte revisioni all'HTML e la più recente disponibile è HTML5 che è stata rilasciata nell'anno 2014.
Cos'è un cheat sheet HTML
HTML Cheat Sheet è una guida di riferimento rapido che elenca i tag HTML comunemente usati e i loro attributi. I tag sono generalmente raggruppati per categoria per una facile leggibilità.
Tag HTML
Di seguito abbiamo raggruppato i tag in varie categorie e impareremo a conoscere i tag che rientrano in ciascuna categoria insieme agli esempi.
Tag di base
| Tag | Scopo | ||
|---|---|---|---|
.... | Testo preformattato (la spaziatura, l'interruzione di riga e il carattere vengono mantenuti) | HELLO Sam | HELLO Sam |
| ... | Questo è il tag genitore (elemento radice) per qualsiasi documento HTML. L'intero blocco di codice HTML è incorporato in questo tag | ||
| ... | Questo tag fornisce informazioni generali sul documento come il suo titolo e collegamenti ai fogli di stile (se presenti). Queste informazioni non vengono visualizzate nella pagina web. | ||
| ... | La mia pagina web | ||
| ... | La mia prima pagina web |
Snippet di codice:
My Web Page My First Web Page Produzione:
eclipse ide per c ++
La mia pagina web
(Visualizzato nella barra del titolo del browser)
La mia prima pagina web
(Visualizzato come contenuto della pagina Web)
Tag meta informazioni
| Tag | Scopo |
|---|---|
| | Viene utilizzato per specificare l'URL di base del sito Web. |
| | Contiene informazioni come data di pubblicazione, nome dell'autore, ecc. |
| | Contiene le informazioni relative all'aspetto della pagina web. |
| Viene utilizzato per indicare collegamenti esterni, principalmente fogli di stile. È un tag vuoto e contiene solo attributi. | |
| …. | Utilizzato per aggiungere frammenti di codice per rendere dinamica una pagina web. |
Snippet di codice:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area Produzione:
Pagina Web di Rashmi
(Visualizzato nella barra del titolo del browser)
Questa è l'area dei contenuti della pagina web di Rashmi
(Visualizzato come contenuto della pagina Web)
Tag di formattazione del testo
| Etichetta | Scopo | Snippet di codice | Produzione |
|---|---|---|---|
| .... | Rende il testo in grassetto | Ciao | Ciao |
| .... | Rende il testo in corsivo | Ciao | Ciao |
| .... | Sottolinea il testo | Ciao | Ciao |
| .... | Cancella il testo | Ciao | Ciao |
| .... | Rende il testo in grassetto (Uguale a .. etichetta) | Ciao | Ciao |
| .... | Rende il testo in corsivo (Uguale a .. tag) | Ciao | Ciao |
| .... | Tag di intestazione - # può variare da 1 a 6 | D'altra parte, il tag di inizio o di fine è ciò a cui ci riferiamo come tag HTML. Esempio: o D # 7) Quali sono i 2 tipi di tag in HTML? Risposta: Esistono due tipi di tag nei tag HTML accoppiati e non accoppiati o singolari. Tag accoppiati - Come suggerisce il nome, si tratta di tag che comprendono 2 tag. Uno è chiamato tag di apertura e l'altro è chiamato tag di chiusura. Per esempio: , eccetera. i diritti di accesso ai file primari in unix sono: Tag non accoppiati - Questi tag sono tag singoli e hanno solo il tag di apertura e nessun tag di chiusura. Per esempio: D # 8) Qual è la differenza tra un tag contenitore e un tag vuoto? Risposta: Tag contenitore sono quei tag che hanno un tag di apertura seguito da contenuto e un tag di chiusura. Per esempio: , Tag vuoti sono i tag che non hanno alcun contenuto e / o tag di chiusura. Per esempio: D # 9) Qual è il tag di intestazione più grande? Risposta: è il tag di intestazione più grande nel tag HTML.D # 10) Qual è il tag di selezione in HTML? Risposta: Atag viene utilizzato per creare un elenco a discesa. È più comunemente utilizzato nei moduli in cui è necessario raccogliere l'input dell'utente. Di seguito è riportato uno snippet di codice insieme all'output del tag. Mostra anche gli attributi comuni di questo tag. Snippet di codice: Produzione: ConclusioneSpero che questo articolo ti abbia fornito una comprensione di cosa sia esattamente un cheat sheet HTML. L'obiettivo era condividere con i nostri lettori una guida di riferimento rapido di vari tag HTML usati di frequente. Abbiamo anche visto tag di base, tag metadati, tag di formattazione del testo, moduli, frame, elenchi, immagini, collegamenti, tabelle e tag di input. Alcuni tag, generalmente utilizzati insieme al tag FORM come Select e Button, sono trattati anche in questo articolo. Abbiamo anche imparato a conoscere i tag introdotti con HTML5. Per ciascuno dei tag, abbiamo appreso gli attributi più comuni utilizzati insieme ai tag e abbiamo visto anche il relativo codice e output. Lettura consigliata
^
|
