La oss gå tilbake til det grunnleggende for denne. Alle som leser dette vet i hvert fall hva HTML er. Jeg tror at, uansett hvilket erfaringsnivå noen har, kan gjennomgå grunnlaget bidra til å øke kunnskapen. Det bidrar også til å finpusse ferdigheter, spesielt med de stadig evolusjonerende teknologiene som driver Internett.

Det har også vært mye snakk om endring med HTML 5. Hver tag som jeg nevner nedenfor støttes både i HTML 4.01 og HTML 5. Mens noen av disse kodene allerede er mye brukt; Jeg vil utfordre noen av måtene vi bruker og tenker på dem.

1.

Enhver bok du leser om programmering, forteller deg at det er godt å forklare hva du gjør. Hvorfor er kommentarer en god idé? For den nøyaktige grunnen. Det hjelper de som ser på koden din, hva som skjer.

For HTML kan kommentere virke som overkill; Det kan imidlertid brukes til å definere deler, og kan bidra til å holde koden din organisert og strukturert. Merking av begynnelsen og slutten av en seksjon hjelper virkelig med arbeidsflyten.

 
 
menyelement 1
 
menyelement 2
 
   
Dette er hovedinnholdet.
... 

2. Bordstiler - , , og

Når jeg tenker tilbake til de tidligere dagene med webutvikling, er det første som kommer til å tenke meg

. Jeg misbrukte dette så mye. Når du bruker riktig, for tabelldata bare, Det er mulig å definere stiler for kolonneoverskrifter, bunntekstrader og kroppen.

Så kjedelig som det er, det føles veldig bra å lage et godt formatert regneark. (Dette snakker utenfor webutvikling.) Hvorfor skal vi ikke bære den enkle oppgaven med formatering i flott design? Hver tag kan deretter enkelt utformes i sidens stilark.

Bare for å klargjøre: disse tre kodene har alle innvirkning på tabellrader.

Punkt	Antall
Sum	7
#1	3
# 2	4

Legg tabellruter med .

Legg tabellruter med . De rader må også være over . Dette er slik at bunnraden blir gjengitt før de gjenværende dataarkene.

Legg tabellruter med .

 
 
 
Punkt
 
Antall
 
 
 
 
 
Sum
 
7
 
 
 
 
 
#1
 
3
 
 
 
# 2
 
4
 
 
 

3.

Dropdowns er en fin måte å presentere data til en bruker for valg. De er ikke bare bevisst på eiendomsmegling på skjermen, men er kjente og enkle å bruke. Den gode tingen er med , det er mulig å lage kategorier (eller vi kan ringe dem overskrifter) for alternativene dine.

Detroit Tigers
Chicago Cubs

Detroit Lions
Chicago Bears

  Detroit Tigers Chicago Cubs   Detroit Lions Chicago Bears  

4. Overskrifter -

,

,

,

,

, og

Jeg vet at alle bruker overskriftskoder. Men for å være ærlig husker jeg ikke når den siste tiden var det jeg brukte

eller lavere skjønt. Jeg har ingen god begrunnelse bortsett fra at jeg ikke tenkte på det og brukte noe mindre semantisk, for eksempel styling av tekst i a

.

Mitt poeng her er: Ikke skape mer jobb for deg selv. Husk å bruke alle overskriftskodene.

5.

og

Jeg liker nettsteder som har lett å finne informasjon med logisk adskilte elementer. Jeg synes det ser slank ut.

grupper sammen danner elementer ved å tegne en boks rundt dem. Det er også mulig å legge til en bildetekst på skjemaet ved å bruke

.

 
 
Generell informasjon: 
 Navn:  e-post:  Fødselsdato:  
 

6.

Dette er muligens en av mine favoritt HTML-koder. Etikettetiketten gjør ingenting for styling. Det legger til funksjonalitet.

brukes til å definere en etikett til et inngangselement. Så hva er big deal? Når det brukes, blir etiketten selv klikkbar, slik at det tilsvarende inntastingsfeltet er aktivt. Dette fungerer for tekstbokser eller radioknapper.

Navn:
Mann:
Hunn:

 Navn:  Mann:  Hunn:  

7.

Hvis du ønsker å skape en dramatisk effekt for å trekke oppmerksomhet til en setning eller setning, kan du bruke

. Hvit plass er satt inn før og etter elementet som standard. Marginer er også lagt til for å kompensere den inneholdte teksten fra det andre innholdet.

Dette er også en fin måte å gjøre ting som et tradisjonelt blokkblokk. (Jeg vet det var veldig åpenbart.) De fleste ganger, når jeg skriver en opplæring, tar jeg et direkte utdrag fra et annet nettsted eller en kilde. jeg vil bruke

å sette dette fra hverandre.

Dette er hva Nettuts + bruker for sin blockquote styling.

8.

Jeg vil ikke si det er i slekt med

, men jeg vet at jeg vanligvis ender med å bruke dem i forbindelse.

Tenker på når du trenger å gi en henvisning til noe. Hvis du er frisk ute av college, tenk på å gi listen over referansene dine på slutten av papirene dine. Husk at bok og periodiske titler skal kursiveres i MLA-format.

"Vi elsker vakker typografi, og vi setter pris på innsatsen til designere som kommer opp med flotte typografiske teknikker og verktøy eller som bare deler deres kunnskap med andre designere." - smashingmagazine.com

 
"... dette er et flott tilbud." - someGreatPerson 

9.

Å bruke lister er en fin måte å organisere informasjon på. Alle er klar over

, men hvor ofte er det
og

brukt? Kanskje forklarer referansen til "definisjonsliste" noen begynnelseskodere til å tenke at de bare kan brukes når man legger inn begreper og definisjoner - men dette er egentlig ikke tilfelle.

Typer av lister

1. Uordnet liste (ul)
2. Bestilt liste (ol)
3. Definisjonsliste (dl)

Hva de gjør

• Uordnet liste (ul): En punktliste
• Bestilt liste (ol): En nummerert liste
• Definisjonsliste (dl): En liste med definisjoner til elementene

Grunner til å bruke lister

• Konsekvent styling
• Lett å lage
• Veldig allsidig

Hver listetype viser informasjon på en verdifull måte. Jeg tror ikke jeg må forklare

og
, men la oss se nærmere på strukturen i en definisjonsliste.

 
Dette er listepost # 1
 
Dette er definisjonen av listepost # 1
 
Dette er listepost # 2
 
Dette er definisjonen av listepost # 2

I stedet for bare å erklære en listetype (

eller
) og hvert liste element (
1. ), vi bruker
   og
   .
   definerer hvert liste element og
   beskriver ovennevnte element.

   10. '(og andre ASCII-tegn)

   Det er riktig koding for å bruke HTML ASCII-koder når du bruker noen symboler. Det er litt mer arbeid, men det vil sikre at tegnene blir gjengitt riktig og ikke forvirret av nettleseren som en del av en streng eller annen oppføring. Har du noen gang kommet over noen tekst på en nettside som ikke så riktig ut? Kanskje noe slikt: "Jeg brukte # %%! T bruk HTML for å gjøre apostrof."

   Eksemplet ovenfor er tvunget, men jeg tror det formidler ideen.

   Tegnsettene som brukes i moderne datamaskiner, HTML og Internett er alle basert på ASCII. - w3schools.com

   w3schools.com har en flott HTML ASCII referanseside for ASCII-tegn. Jeg oppfordrer alle til å sjekke det ut og huske noen av de mest brukte tegnene, som apostrof, anførselstegn, ampersand og "på tegn".

   Takk så mye for å lese!

   Kode