Laten we teruggaan naar de basis voor deze. Iedereen die dit leest, weet tenminste wat HTML is. Ik geloof dat, ongeacht welk ervaringsniveau iemand heeft, het herzien van de stichting kan helpen om de kennis te vergroten. Het helpt ook om vaardigheden aan te scherpen, vooral met de voortdurend evoluerende technologieën die het internet besturen.

Er is ook veel gepraat over verandering met HTML 5. Elke tag die ik hieronder vermeld, wordt zowel in HTML 4.01 als in HTML 5 ondersteund. Hoewel sommige van deze tags al veel worden gebruikt; Ik zou graag enkele van de manieren uitdagen die we gebruiken en erover nadenken.

1.

Elk boek dat je leest over programmeren, zal je vertellen dat het goed is om uit te leggen wat je aan het doen bent. Waarom zijn opmerkingen een goed idee? Om die exacte reden. Het helpt degenen die naar je code kijken weten wat er aan de hand is.

Voor HTML kan commentaar lijken te overdreven; het kan echter worden gebruikt om secties te definiëren en kan helpen uw code georganiseerd en gestructureerd te houden. Het labelen van het begin en het einde van een sectie helpt echt bij de workflow.

 
 
menupunt 1
 
menupunt 2
 
   
Dit is de belangrijkste inhoud.
... 

2. Tabelstijlen - , , en

Wanneer ik terugdenk aan de vroegere dagen van webontwikkeling, is het eerste dat me te binnen schiet

. Ik heb dit zo erg misbruikt. Tijdens gebruik correct, voor tabelgegevens enkel en alleen, het is mogelijk om stijlen te definiëren voor kolomkoppen, voettekstrijen en de hoofdtekst.

Hoe saai het ook is, het voelt echt goed om een ​​goed opgemaakte spreadsheet te maken. (Dit is buiten de webontwikkeling aan het praten.) Waarom zouden we die eenvoudige taak om te formatteren niet in een geweldig ontwerp moeten omzetten? Elke tag kan vervolgens gemakkelijk worden gestileerd in de stylesheet van de site.

Ter verduidelijking: deze drie tags beïnvloeden allemaal tabelrijen.

Item	Aantal
Som	7
# 1	3
# 2	4

Wikkel tabelrijen met .

Wikkel tabelrijen met . De rijen moeten ook boven zijn . Dit is zodat de voettekstrij vóór de resterende gegevensrijen wordt gemaakt.

Wikkel tabelrijen met .

 
 
 
Item
 
Aantal
 
 
 
 
 
Som
 
7
 
 
 
 
 
# 1
 
3
 
 
 
# 2
 
4
 
 
 

3.

Dropdowns zijn een geweldige manier om gegevens aan een gebruiker te presenteren voor selectie. Ze zijn niet alleen op de hoogte van het schermvastgoed, maar zijn bekend en gebruiksvriendelijk. Het mooie is met , het is mogelijk om categorieën te maken (of we kunnen ze rubrieken noemen) voor uw opties.

Detroit Tigers
Chicago Cubs

Detroit Lions
Chicago Bears

  Detroit Tigers Chicago Cubs   Detroit Lions Chicago Bears  

4. Koppen -

,

,

,

,

, en

Ik weet dat iedereen heading-tags gebruikt. Maar om eerlijk te zijn, ik weet niet meer wanneer de laatste keer was dat ik die gebruikte

of lager wel. Ik heb geen goede redenering afgezien van dat ik er niet over nadacht en iets minder semantisch gebruikte, zoals het stylen van tekst in a

.

Mijn punt is hier: creëer niet meer werk voor jezelf. Vergeet niet om alle heading-tags te gebruiken.

5.

en

Ik hou van sites die gemakkelijk informatie kunnen vinden met logisch gescheiden elementen. Ik vind het er strak uitziet.

groepen vormen elementen door er een kader omheen te tekenen. Het is ook mogelijk om een ​​bijschrift toe te voegen aan het formulier met behulp van

.

 
 
Algemene informatie: 
 Naam:  E-mail:  Geboortedatum:  
 

6.

Dit is mogelijk een van mijn favoriete HTML-tags. De label-tag doet niets voor de styling. Het voegt functionaliteit toe.

wordt gebruikt om een ​​label te definiëren voor een invoerelement. Dus wat is het probleem? Wanneer het label wordt gebruikt, wordt het klikbaar, waardoor het overeenkomstige invoerveld actief wordt. Dit werkt voor tekstvakken of keuzerondjes.

Naam:
Mannetje:
Vrouw:

 Naam:  Mannetje:  Vrouw:  

7.

Als u op zoek bent naar een dramatisch effect om de aandacht te vestigen op een verklaring of zin, kunt u gebruiken

. Witruimte wordt standaard voor en achter het element ingevoegd. Er worden ook marges toegevoegd om de ingesloten tekst van de andere inhoud te corrigeren.

Dit is ook een geweldige manier om dingen te doen, zoals een traditioneel blokcitaat. (Ik weet dat dat vreselijk overduidelijk was.) Meestal, wanneer ik een zelfstudie schrijf, neem ik een direct fragment van een andere site of bron. ik zal gebruiken

om dit te onderscheiden.

Dit is wat Nettuts + gebruikt voor zijn blockquote styling.

8.

Ik wil dat niet zeggen is gerelateerd aan

, maar ik weet dat ik ze normaal samen gebruik.

Denken aan wanneer je ergens een citaat voor moet geven. Als je net klaar bent met studeren, denk er dan aan om de lijst met referenties aan het eind van je werk te vermelden. Vergeet niet dat boek- en periodieke titels in MLA-indeling cursief moeten zijn.

"We houden van mooie typografie en we waarderen de inspanningen van ontwerpers die met geweldige typografische technieken en hulpmiddelen komen of die gewoon hun kennis delen met collega-ontwerpers." - smashingmagazine.com

 
"... dit is een geweldig citaat." - someGreatPerson 

9.

Het gebruik van lijsten is een geweldige manier om informatie te organiseren. Iedereen is zich bewust van

, maar hoe vaak zijn
en

gebruikt? Misschien verwart de verwijzing naar "definitielijst" sommige beginnende codeerders door te denken dat ze alleen kunnen worden gebruikt bij het invoegen van termen en definities - dit is echter niet echt het geval.

Soorten lijsten

1. Ongeordende lijst (ul)
2. Bestelde lijst (ol)
3. Definitielijst (dl)

Wat ze doen

• Ongeordende lijst (ul): Een lijst met opsommingstekens
• Bestelde lijst (ol): Een genummerde lijst
• Definitielijst (dl): Een lijst met definities voor de elementen

Redenen om lijsten te gebruiken

• Consistente styling
• Eenvoudig te maken
• Zeer veelzijdig

Elk lijsttype geeft informatie op een waardevolle manier weer. Ik denk niet dat ik het moet uitleggen

en
, maar laten we de structuur van een definitielijst van naderbij bekijken.

 
Dit is lijstitem # 1
 
Dit is de definitie van lijstitem # 1
 
Dit is lijstitem # 2
 
Dit is de definitie van lijstitem # 2

In plaats van alleen een lijsttype te declareren (

of
) en elk lijstitem (
1. ), we gebruiken
   en
   .
   definieert elk lijstitem en
   beschrijft het bovenstaande item.

   10. '(en andere ASCII-tekens)

   Het is een juiste codering om HTML ASCII-codes te gebruiken bij het gebruik van symbolen. Het is een beetje meer werk, maar het zorgt ervoor dat de tekens juist worden weergegeven en niet door de browser worden verward als onderdeel van een reeks of andere markeringen. Heb je ooit tekst tegengekomen op een webpagina die er niet goed uitzag? Misschien iets als dit: "Ik heb # %%! T HTML gebruikt om de apostrof weer te geven."

   Het bovenstaande voorbeeld is geforceerd, maar ik denk dat het het idee overbrengt.

   De tekensets die worden gebruikt in moderne computers, HTML en internet zijn allemaal gebaseerd op ASCII. - w3schools.com

   w3schools.com heeft een geweldige HTML ASCII-referentiepagina voor ASCII-tekens. Ik moedig iedereen aan om het uit te proberen en enkele van de meest gebruikte karakters uit het hoofd te leren, zoals de apostrof, citaten, ampersand en het 'teken'.

   Heel erg bedankt voor het lezen!

   Code