Låt oss gå tillbaka till grunderna för den här. Alla som läser detta vet åtminstone vad HTML är. Jag tror att oavsett vilken erfarenhetsnivå någon har, kan granskningen av stiftelsen bidra till att öka kunskapen. Det bidrar också till att finslipa färdigheter, särskilt med den ständigt utvecklande teknologin som driver Internet.

Det har också varit mycket prat om förändring med HTML 5. Varje tagg som jag nämner nedan stöds både i HTML 4.01 och HTML 5. Medan vissa av dessa taggar redan används allmänt. Jag skulle vilja utmana några av de sätt som vi använder och tänker på dem.

1.

Varje bok du läser om programmering kommer att berätta för dig att det är bra att förklara vad du gör. Varför är kommentarer en bra idé? För den exakta anledningen. Det hjälper de som tittar på din kod vet vad som händer.

För HTML kan kommentera vara överkill; Det kan dock användas för att definiera sektioner och kan hjälpa till att hålla din kod organiserad och strukturerad. Märkning av början och slutet av ett avsnitt hjälper verkligen till arbetsflödet.

 
 
menyalternativ 1
 
menyalternativ 2
 
   
Detta är huvudinnehållet.
... 

2. Tabellformat - , , och

När jag tänker tillbaka till de tidigare dagarna med webbutveckling är det första som jag tänker på

. Jag missbrukade så mycket. När man använder korrekt, för tabelldata endast, Det är möjligt att definiera stilar för kolumnrubriker, sidfot och kropp.

Så tråkigt som det är, det känns verkligen bra att skapa ett välformaterat kalkylblad. (Detta talar utanför webbutveckling.) Varför ska vi inte bära den enkla uppgiften att formatera till bra design? Varje tagg kan sedan enkelt utformas i sidans stilark.

Bara för att klargöra: Dessa tre taggar har alla inverkan på tabellrader.

Artikel	Antal
Summa	7
# 1	3
# 2	4

Vik bord rader med .

Vik bord rader med . De rader måste också vara över . Det här är så att fotfotsraden återges innan de återstående data raderna.

Vik bord rader med .

 
 
 
Artikel
 
Antal
 
 
 
 
 
Summa
 
7
 
 
 
 
 
# 1
 
3
 
 
 
# 2
 
4
 
 
 

3.

Dropdowns är ett bra sätt att presentera data för en användare för urval. De är inte bara medvetna om skärmfastigheter, men är bekanta och lätta att använda. Den stora saken är med , Det är möjligt att skapa kategorier (eller vi kan kalla dem rubriker) för dina alternativ.

Detroit Tigers
Chicago Cubs

Detroit Lions
Chicago Bears

  Detroit Tigers Chicago Cubs   Detroit Lions Chicago Bears  

4. Rubriker -

,

,

,

,

, och

Jag vet att alla använder rubriktaggar. Men för att vara ärlig kommer jag inte ihåg när den sista tiden var det jag använde

eller lägre men. Jag har ingen bra resonemang bortsett från att jag inte tänkte på det och använde något mindre semantiskt, som styling text i a

.

Min poäng här är: Skapa inte mer arbete för dig själv. Kom ihåg att använda alla rubriktaggar.

5.

och

Jag tycker om webbplatser som lätt kan hitta information med logiskt separerade element. Jag tycker det ser snygg ut.

Grupper bildar tillsammans element genom att rita en låda runt dem. Det är också möjligt att lägga till en bildtext i formuläret med hjälp av

.

 
 
Allmän information: 
 Namn:  E-post:  Födelsedatum:  
 

6.

Det här är kanske en av mina favorit HTML-taggar. Etiketttaggen gör inget för styling. Det lägger till funktionalitet.

används för att definiera en etikett till ett inmatningselement. Så vad är big deal? När den används, blir etiketten självklickbar, vilket gör motsvarande inmatningsfält aktivt. Detta fungerar för textrutor eller radioknappar.

Namn:
Manlig:
Kvinna:

 Namn:  Manlig:  Kvinna:  

7.

Om du vill skapa en dramatisk effekt för att dra uppmärksamhet till ett uttalande eller en mening, kan du använda

. Vitt utrymme läggs in före och efter elementet som standard. Marginaler läggs också till för att kompensera den innehålla texten från det andra innehållet.

Detta är också ett bra sätt att göra saker som ett traditionellt block citat. (Jag vet att det var hemskt uppenbart.) De flesta gånger, när jag skriver en handledning, tar jag ett direkt utdrag från en annan webbplats eller källa. jag kommer använda

för att ställa in detta.

Detta är vad Nettuts + använder för sin blockquote styling.

8.

Jag vill inte säga det är relaterat till

, men jag vet att jag brukar sluta använda dem i samband.

Tänk på när du behöver ge en citat för något. Om du är frisk ute på college, tänk på att ge listan över dina referenser i slutet av dina papper. Kom ihåg att bok och periodiska titlar ska kursiveras i MLA-format.

"Vi älskar vacker typografi, och vi uppskattar de ansträngningar som designers som kommer med stora typografiska tekniker och verktyg eller som bara delar sin kunskap med medarbetare." - smashingmagazine.com

 
"... det här är en bra citat." - someGreatPerson 

9.

Att använda listor är ett bra sätt att organisera information. Alla är medvetna om

, men hur ofta är det
och

Begagnade? Kanske hänvisar hänvisningen till "definitionlistan" några börjankodare till att de bara kan användas när man lägger in termer och definitioner - men det här är inte riktigt fallet.

Typer av listor

1. Oorderad lista (ul)
2. Beställd lista (ol)
3. Definitionslista (dl)

Vad dem gör

• Oorderad lista (ul): En punktlista
• Beställd lista (ol): En numrerad lista
• Definitionslista (dl): En lista med definitioner på elementen

Skäl att använda listor

• Konsekvent styling
• Lätt att skapa
• Mycket mångsidig

Varje listatyp visar information på ett värdefullt sätt. Jag tror inte att jag måste förklara

och
, men låt oss titta närmare på strukturen i en definitionslista.

 
Det här är listobjektet # 1
 
Detta är definitionen av listobjektet # 1
 
Detta är listobjektet # 2
 
Detta är definitionen av listobjektet # 2

Istället för att bara deklarera en listatyp (

eller
) och varje listobjekt (
1. ), vi använder
   och
   .
   definierar varje listobjekt och
   beskriver ovanstående föremål.

   10. '(och andra ASCII-tecken)

   Det är korrekt kodning att använda HTML ASCII-koder när du använder några symboler. Det är lite mer arbete, men det kommer att se till att tecknen görs rätt och inte förvirras av webbläsaren som en del av en sträng eller annan markering. Har du någonsin stött på någon text på en webbsida som inte såg korrekt ut? Kanske något som detta: "Jag gjorde # %%! T använda HTML för att göra apostrof."

   Ovanstående exempel är tvungen, men jag tror att det förmedlar tanken.

   Teckenuppsättningarna som används i moderna datorer, HTML och Internet är alla baserade på ASCII. - w3schools.com

   w3schools.com har en bra HTML-ASCII-referenssida för ASCII-tecken. Jag uppmuntrar alla att kolla upp det och memorera några av de vanligaste tecknen, som apostrof, citat, ampersand och "på skylt".

   Tack så mycket för att läsa!

   Koda