HTML Essentials Cheat Sheet: Tags, attributter og mere

Opbygning af websider begynder med HTML. At forskønne dem og gøre dem interaktive kommer senere. Men for at begynde at oprette funktionelle statiske websteder har du brug for en forståelse af HTML. (Vil du have en hurtig introduktion til dette markeringssprog? Læs vores ofte stillede HTML -spørgsmål.)

Som en del af at lære sproget er der en lang liste over elementer, du skal tilføje til dit HTML -ordforråd. Og denne opgave kan virke skræmmende i starten, og derfor er vi kommet frem til følgende snydeblad. Det giver dig en nem måde at opdage/forstå/huske HTML -elementer på, når du har brug for dem.

---

---

Snydearket dækker tags og attributter til strukturering af websider, formatering af tekst, tilføjelse af formularer, billeder, lister, links og tabeller. Det indeholder også tags, der blev introduceret i HTML5 og HTML -koder for almindeligt anvendte specialtegn.

hvordan man opretter genveje på iphone

GRATIS DOWNLOAD: Dette snydeblad findes som en PDF, der kan downloades fra vores distributionspartner, TradePub. Du bliver kun nødt til at udfylde en kort formular for at få adgang til den for første gang. Hent HTML Essentials Cheat Sheet .

kan du spille gamecube spil

HTML Essentials Cheat Sheet

......

Genvej	Handling
Grundlæggende tags
...	Det første og sidste tag i et HTML -dokument. Alle andre tags ligger mellem disse åbnings- og lukningskoder.
...	Angiver indsamling af metadata til dokumentet.
...	Beskriver titlen på siden og vises i browserens titellinje.
...	Inkluderer alt indhold, der vises på websiden.
Dokumentinformation
	Nævner basiswebadressen og alle relative links til dokumentet.
	For ekstra information om siden som forfatter, udgivelsesdato osv.
	Links til eksterne elementer som stilark.
...	Indeholder oplysninger om dokumentstil som CSS (Cascading Style Sheets).
...	Indeholder links til eksterne scripts.
Tekstformatering
... ELLER ...	Gør teksten fed.
...	Kursiverer tekst og gør den fed.
...	Kursiverer tekst, men gør den ikke fed.
...	Gennemsigtig tekst.
...	Citerer en forfatter til et citat.
...	Mærker en slettet del af en tekst.
...	Viser et afsnit, der er indsat i indholdet.
...	Til visning af citater. Ofte brugt med mærket.
...	For kortere tilbud.
...	For forkortelser og fuldformularer.
...	Angiver kontaktoplysninger.
...	For definitioner.
...	For kodeuddrag.
...	Til at skrive abonnementer
...	Til at skrive overskrift.
...	Til at reducere tekststørrelsen og markere redundante oplysninger i HTML5.
Dokumentstruktur
...	Forskellige niveauer af overskrifter. H1 er den største og H6 er den mindste.
...	Til opdeling af indhold i blokke.
...	Inkluderer inline -elementer, f.eks. Et billede, ikon, humørikon, uden at ødelægge formateringen af ​​siden.
...	Indeholder almindelig tekst.
	Opretter en ny linje.
	Tegner en vandret bjælke for at vise slutningen af ​​sektionen.
Lister
...	For bestilt liste over varer.
...	For uordnet liste over varer.
...	For enkelte elementer på en liste.
...	Liste over varer med definitioner.
...	Definitionen af ​​et enkelt udtryk inline med kropsindhold.
...	Beskrivelsen af ​​det definerede udtryk.
Links
...	Ankermærke til hyperlinks.
...	Tag til linkning til e -mail -adresser.
...	Ankermærke til registrering af kontaktnumre.
...	Ankermærke til linkning til en anden del af samme side.
...	Navigerer til et div -afsnit på websiden. (Variation af ovenstående tag)
Billeder
	Til visning af billedfiler.
Attributter for tag
src = url	Link til billedets kildesti.
alt=text	Teksten, der vises, når en mus holdes over billedet.
højde =	Billedhøjde i pixels eller procentdele.
bredde =	Billedbredde i pixels eller procentdele.
justere =	Relativ justering af billedet på siden.
grænse =	Billedets tykkelse.
...	Link til et klikbart kort.
...	Navnet på kortbilledet.
	Billedområdet på et billedkort.
Attributter til mærket
form = '	Form af billedområdet.
koorder =	Koordinater for kortbilledområdet.
Skemaer
...	Forældremærket for en HTML -formular.
Attributter til mærket
handling = url	Webadressen, hvor formulardata indsendes.
metode =	Angiver formularindleveringsprotokollen (POST eller GET).
enctype =	Datakodningsskemaet for POST -indsendelser.
autofuldførelse	Angiver, om formularens autofuldførelse er til eller fra.
novalidate	Angiver, om formularen skal valideres før indsendelse.
accept-tegn	Angiver tegnkodning til formularindsendelser.
mål	Viser, hvor svaret på indsendelse af formularen vil blive vist.
...	Grupperelaterede elementer i formularen/
...	Angiver, hvad brugeren skal indtaste i hvert formularfelt.
...	En billedtekst for feltsættelementet.
	Angiver hvilken type input, der skal hentes fra brugeren.
Attributter til mærket
type =	Bestemmer typen af ​​input (tekst, datoer, adgangskode).
navn =	Angiver navnet på inputfeltet.
værdi =	Angiver værdien i inputfeltet.
størrelse =	Indstiller antallet af tegn for inputfeltet.
maxlængde =	Indstiller grænsen for tilladte inputtegn.
påkrævet	Gør et inputfelt obligatorisk.
bredde =	Indstiller bredden af ​​inputfeltet i pixels.
højde =	Indstiller højden på inputfeltet i pixels.
pladsholder =	Beskriver forventet feltværdi.
mønster =	Angiver et regulært udtryk, som kan bruges til at lede efter mønstre i brugerens tekst.
min =	Den tilladte minimumsværdi for et inputelement.
max =	Den maksimale værdi, der er tilladt for et inputelement.
handicappet	Deaktiverer inputelementet.
...	Til at fange længere strenge data fra brugeren.
...	Angiver en liste over muligheder, som brugeren kan vælge imellem.
Attributter til mærket
navn =	Angiver navn til en rulleliste.
størrelse =	Antal muligheder givet til brugeren.
mange	Angiver, om brugeren kan vælge flere muligheder på listen.
påkrævet	Angiver, om det er nødvendigt at vælge en eller flere valgmuligheder for indsendelse af formularer.
autofokus	Angiver, at en rulleliste automatisk kommer i fokus, efter at en side er indlæst.
...	Definerer elementer på en rulleliste.
værdi =	Viser teksten for en given indstilling.
valgte	Indstiller standardindstilling, der skal vises.
...	Tag til oprettelse af en knap til indsendelse af formularer.
Objekter og iFrames
...	Beskriver den integrerede filtype.
Attributter til mærket
højde =	Objektets højde.
bredde =	Objektets bredde.
type =	Den medietype, objektet indeholder.
	En indbygget ramme til indlejring af ekstern information.
navn =	Navnet på iFrame.
src =	Kildewebadressen til indholdet inde i rammen.
srcdoc =	HTML -indholdet i rammen.
højde =	Højden på iFrame.
bredde =	Bredden af ​​iFrame.
	Tilføjer ekstra parametre for at tilpasse iFrame.
...	Integrerer ekstern applikation eller plugin.
Attributter til mærket
højde =	Indstiller højden på indlejringen.
bredde =	Indstiller bredden af ​​indlejringen.
type =	Indlejringens type eller format.
src =	Kildestien for den integrerede fil.
Tabeller
...	Definerer alt indhold til en tabel.
...	En beskrivelse af tabellen.
...	Overskrifter for hver kolonne i tabellen.
Definerer brøddata for tabellen.
...	Beskriver indholdet til bordets sidefod.
Indhold for en enkelt række.
	...	Dataene i et enkelt overskriftselement.
	...	Indhold i en enkelt tabelcelle.
...	Grupper kolonner til formatering.
	En enkelt informationskolonne.
HTML5 Nye mærker
...	Angiver websidens overskrift.
...	Angiver sidefoden.
...	Markerer hovedindholdet på websiden.
...	Angiver en artikel.
...	Angiver sidebjælkens indhold på en side.
...	Angiver et bestemt afsnit på websiden.
...	For at beskrive ekstra information.
...	Bruges som en overskrift på ovenstående tag. Er altid synlig for brugeren.
...	Opretter en dialogboks.
...	Anvendes til at inkludere diagrammer og figurer.
...	Beskriver et element.
...	Fremhæver en bestemt del af teksten.
...	Sæt med navigationslinks på en webside.
...	Et bestemt element fra en liste eller en menu.
...	Måler data inden for et givet område.
...	Placerer en statuslinje og sporer fremskridt.
...	Viser tekst, der ikke understøtter Ruby -kommentarer.
...	Viser typografiske detaljer i Østasien.
...	En rubin -kommentar til østasiatisk typografi.
...	Identificerer tid og dato.
	Et linjeskift inden for indholdet.
¹HTML5 Tegnobjekter
" ELLER & quot;	Anførselstegn
< ELLER & lt;	Mindre end tegn (<)
> ELLER & gt;	Større end tegn (>)
ELLER ;	Ikke-brydende plads
© ELLER &kopi ;	Copyright symbol
™ ELLER & ucirc;	Varemærkesymbol
@ ELLER & Uuml;	på symbol (@)
& ELLER & amp;	Ampersand -symbol (&)
• ELLER & ouml;	Lille kugle
Gn Ignorer plads før semikolon, mens du skriver HTML -tegn.

Lav et websted til praktisk oplevelse

Når du har forstået det grundlæggende i HTML -kode og har et kendskab til CSS og JavaScript, prøv din hånd med at opbygge et websted . Sørg også for at gemme vores CSS3 egenskaber snydeblad og JavaScript snydeblad til fremtidig brug!

---

---

Del Del Tweet E -mail Sådan får du adgang til Googles indbyggede bobleniveau på Android

Hvis du nogensinde har haft brug for at sikre, at noget er i niveau med en knivspids, kan du nu få et bobleniveau på din telefon på få sekunder.

Installer Windows Media Player til Windows 10

Læs Næste Relaterede emner

• Produktivitet
• Programmering
• HTML
• Snydeark

Om forfatteren Akshata Shanbhag(404 artikler udgivet)

Akshata uddannede sig i manuel test, animation og UX -design, inden han fokuserede på teknologi og skrivning. Dette samlede to af hendes yndlingsaktiviteter - at forstå systemer og forenkle jargon. På MakeUseOf skriver Akshata om at få det bedste ud af dine Apple -enheder.

---

---

Mere fra Akshata Shanbhag

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere