html cheat sheet quick guide html tags
Consulteu aquest full de trucs HTML per obtenir informació sobre diverses etiquetes de codificació HTML d'ús habitual amb exemples de codi:
Quan comencem el tutorial, primer entendrem què és el llenguatge HTML i, més endavant, farem una ullada a les diverses etiquetes HTML. Aquí també entendrem algunes de les etiquetes utilitzades en HTML5.
Així que anem a començar i primer entenem què és HTML.
Què aprendreu:
Què és HTML
HTML significa Hyper Text Markup Language. És un llenguatge de marques que va inventar Tim Berners-Lee l'any 1991. En paraules simples, podem dir que es tracta d'un llenguatge que descriu com es mostraria el contingut d'una pàgina web. Amb aquest propòsit, utilitza etiquetes dins de les quals s’incrusta el text que es mostrarà. El navegador interpreta aquestes etiquetes per mostrar el text a la pantalla.
Hi ha hagut moltes revisions a HTML, i la més recent disponible és HTML5 que es va publicar l'any 2014.
Què és un full de trucs HTML
HTML Cheat Sheet és una guia de referència ràpida que recull les etiquetes HTML més utilitzades i els seus atributs. Les etiquetes generalment s'agrupen per categories per facilitar la llegibilitat.
Etiquetes HTML
A continuació, hem agrupat les etiquetes en diverses categories i coneixerem les etiquetes de cada categoria juntament amb exemples.
Etiquetes bàsiques
| Etiquetes | Propòsit | ||
|---|---|---|---|
.... | Text formatat prèviament (es conserven espaiats, salts de línia i tipus de lletra) | HELLO Sam | HELLO Sam |
| ... | Aquesta és l'etiqueta principal (element arrel) de qualsevol document HTML. Tot el bloc de codi HTML està incrustat dins d'aquesta etiqueta | ||
| ... | Aquesta etiqueta proporciona informació general sobre el document, com ara el títol i enllaços a fulls d'estil (si n'hi ha). Aquesta informació no es mostra a la pàgina web. | ||
| ... | La meva pàgina web | ||
| ... | La meva primera pàgina web |
Fragment de codi:
My Web Page My First Web Page Sortida:
La meva pàgina web
(Es mostra a la barra de títol del navegador)
La meva primera pàgina web
(Es mostra com a contingut de la pàgina web)
Etiquetes Meta Information
| Etiquetes | Propòsit |
|---|---|
| | S’utilitza per especificar l’URL base del lloc web. |
| | Conté informació com la data de publicació, el nom de l'autor, etc. |
| | Conté la informació relacionada amb l’aspecte de la pàgina web. |
| S'utilitza per indicar enllaços externs, principalment fulls d'estil. És una etiqueta buida i només conté atributs. | |
| .... | S’utilitza per afegir fragments de codi per dinamitzar una pàgina web. |
Fragment de codi:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area Sortida:
Pàgina web de Rashmi
(Es mostra a la barra de títol del navegador)
Aquesta és l’àrea de contingut de la pàgina web de Rashmi
(Es mostra com a contingut de la pàgina web)
Etiquetes de format de text
| Etiqueta | Propòsit | Fragment de codi | Sortida |
|---|---|---|---|
| .... | Fa que el text en negreta | Hola | Hola |
| .... | Posa el text en cursiva | Hola | Hola |
| .... | Subratlla el text | Hola | Hola |
| .... | Traieu el text | Hola | Hola |
| .... | Fa que el text en negreta (El mateix que .. etiqueta) | Hola | Hola |
| .... | Posa el text en cursiva (El mateix que .. etiquetes) | Hola | Hola |
| .... | Etiqueta de capçalera: # pot variar d'1 a 6 | D’altra banda, l’etiqueta inicial o final és el que anomenem etiqueta HTML. Exemple: o bé P # 7) Quins són els dos tipus d'etiquetes en HTML? Resposta: Hi ha dos tipus d’etiquetes a les etiquetes HTML emparellades i sense emparellar o singulars. Etiquetes aparellades: Com el seu nom indica, es tracta d’etiquetes que contenen 2 etiquetes. Un s’anomena etiqueta d’obertura i l’altre s’anomena etiqueta de tancament. Per exemple: , etc. Etiquetes sense aparellar: Aquestes etiquetes són etiquetes individuals i només tenen l'etiqueta d'obertura i cap de tancament. Per exemple: Q # 8) Quina diferència hi ha entre una etiqueta de contenidor i una etiqueta buida? Resposta: Etiquetes de contenidors són aquelles etiquetes que tenen una etiqueta d'obertura seguida de contingut i una etiqueta de tancament. Per exemple: , Etiquetes buides són les etiquetes que no tenen cap contingut ni etiqueta de tancament. Per exemple: P # 9) Quina és l'etiqueta de capçalera més gran? Resposta: és l'etiqueta d'encapçalament més gran de l'etiqueta HTML.Q # 10) Quina és l'etiqueta de selecció en HTML? com solucionar la passarel·la predeterminada no disponible Resposta: Atag s’utilitza per crear una llista desplegable. S’utilitza més habitualment en els formularis on s’ha de recollir l’entrada de l’usuari. A continuació es mostra un fragment de codi juntament amb la sortida de l’etiqueta. També mostra els atributs comuns d'aquesta etiqueta. Fragment de codi: Sortida: ConclusióEspero que aquest article us doni una comprensió de què és exactament un full de trucs HTML. L’objectiu era compartir amb els nostres lectors una guia de referència ràpida de diverses etiquetes HTML d’ús freqüent. També hem vist etiquetes bàsiques, etiquetes Meta Information, etiquetes de format de text, formularis, marcs, llistes, imatges, enllaços, taules i etiquetes d’entrada. Algunes etiquetes, que s’utilitzen generalment juntament amb l’etiqueta FORM, com ara Selecciona i Botó, també es tracten en aquest article. També vam aprendre sobre les etiquetes introduïdes amb HTML5. Per a cadascuna de les etiquetes, hem conegut els atributs més comuns que s’utilitzen juntament amb les etiquetes i també hem vist el seu codi i sortida relacionats. Lectura recomanada
^
|
