Să ne întoarcem la elementele de bază pentru asta. Toată lumea citește acest lucru cel puțin știe ce este HTML. Cred că, indiferent de nivelul de experiență pe care îl are cineva, revizuirea fundației poate contribui la creșterea cunoștințelor. De asemenea, ajută la îmbunătățirea abilităților, în special cu tehnologiile în continuă evoluție care conduc Internetul.

De asemenea, a fost discutată o schimbare cu HTML 5. Fiecare etichetă pe care o menționez mai jos este susținută atât în ​​HTML 4.01 cât și în HTML 5. În timp ce unele dintre aceste etichete sunt deja utilizate pe scară largă; Aș dori să conteste câteva din modalitățile pe care le folosim și le gândim.

1.

Orice carte pe care ați citit-o despre programare vă va spune că este bine să explicați ce faceți. De ce sunt o idee bună comentariile? Din acest motiv exact. Îi ajută pe cei care văd codul dvs. să știe ce se întâmplă.

Pentru HTML, comentarea poate părea o depășire; cu toate acestea, acesta poate fi folosit pentru a defini secțiunile și poate ajuta la păstrarea codului dvs. organizat și structurat. Etichetarea începutului și sfârșitului unei secțiuni ajută într-adevăr la fluxul de lucru.

 
 
elementul de meniu 1
 
elementul de meniu 2
 
   
Acesta este conținutul principal.
... 

2. Stiluri de masă - , , și

Când mă gândesc la zilele anterioare ale dezvoltării web, primul lucru care îmi vine în minte este

. Am abuzat atât de mult de asta. Atunci când se utilizează corect, pentru date tabulare numai, este posibil să definiți stiluri pentru titlurile coloanelor, rândurile subsolului și corpul.

Așa cum este plictisitor, se simte bine să creezi o foaie de calcul bine formatată. (Acest lucru se vorbește în afara dezvoltării web.) De ce să nu purtăm această sarcină simplă de formatare în design deosebit? Fiecare etichetă poate fi atunci ușor stilizată în foaia de stil a site-ului.

Doar pentru a clarifica: aceste trei etichete afectează toate rândurile tabelului.

Articol	Cantitate
Sumă	7
# 1	3
# 2	4

Înfășurați rândurile de masă cu .

Înfășurați rândurile de masă cu . rândurile trebuie să fie, de asemenea, deasupra . Acest lucru este făcut astfel încât rândul subsolului să fie redat înainte de rândurile de date rămase.

Înfășurați rândurile de masă cu .

 
 
 
Articol
 
Cantitate
 
 
 
 
 
Sumă
 
7
 
 
 
 
 
# 1
 
3
 
 
 
# 2
 
4
 
 
 

3.

Dropdown-urile sunt o modalitate foarte bună de a prezenta date unui utilizator pentru selectare. Ele nu numai că sunt conștiente de proprietățile pe ecran, dar sunt familiare și ușor de utilizat. Lucrul cel mai bun este cu , este posibil să creați categorii (sau să le numim titluri) pentru opțiunile dvs..

Detroit Tigrii
Chicago Cubs

Detroit Lions
Chicago Bears

  Detroit Tigrii Chicago Cubs   Detroit Lions Chicago Bears  

4. Rubricile -

,

,

,

,

, și

Știu că toată lumea folosește etichete. Dar, pentru a fi sincer, nu-mi amintesc când a fost ultima oară pe care am folosit-o

sau mai mici. Nu am deloc raționamente în afara de faptul că nu m-am gândit la asta și am folosit ceva mai puțin semantic, ca textul de styling într-un

.

Ideea mea aici este: Nu creați mai mult de lucru pentru voi înșivă. Nu uitați să utilizați toate etichetele de titlu.

5.

și

Îmi plac site-urile care au ușor de găsit informații cu elemente logic separate. Cred că pare elegant.

grupurile formează împreună elemente prin desenarea unei casete în jurul lor. De asemenea, este posibil să adăugați o subtitrare la formular utilizând

.

 
 
Informatii generale: 
 Nume:  E-mail:  Data de nastere:  
 

6.

Aceasta este probabil una dintre etichetele HTML preferate. Eticheta etichetei nu face nimic pentru stil. Acesta adaugă funcționalitate.

este utilizat pentru a defini o etichetă unui element de intrare. Deci, care e treaba mare? Când este utilizat, eticheta devine clicabilă, făcând câmpul de intrare corespunzător activ. Aceasta funcționează pentru casetele de text sau butoanele radio.

Nume:
Masculin:
Femeie:

 Nume:  Masculin:  Femeie:  

7.

Dacă sunteți în căutarea de a crea un efect dramatic pentru a atrage atenția asupra unei declarații sau unei propoziții, puteți folosi

. Spațiul alb este introdus înainte și după element, în mod implicit. Marginile sunt, de asemenea, adăugate pentru a compensa textul conținut din celălalt conținut.

Aceasta este, de asemenea, o modalitate foarte bună de a face lucruri, cum ar fi un citat de bloc tradițional. (Știu că a fost oribil evident.) De cele mai multe ori, când scriu un tutorial, iau un extras direct dintr-un alt site sau sursă. voi folosi

pentru a face acest lucru în afară.

Aceasta este ceea ce utilizează Nettuts + pentru stilul său de blocare.

8.

Nu vreau să spun asta Seamana cu

, dar știu că în mod normal le sfârșesc să le folosesc împreună.

A se gandi la când trebuie să oferiți o citare pentru ceva. Dacă sunteți în stare proaspătă din colegiu, gândiți-vă să furnizați lista referințelor dvs. la sfârșitul lucrărilor. Rețineți că, în formatul MLA, titlurile de carte și periodice vor fi italice.

"Ne place dragostea de tipografie frumoasă și apreciem eforturile designerilor care vin cu tehnici și instrumente tipografice mari sau care își împărtășesc cunoștințele cu colegii de designeri". - smashingmagazine.com

 
"... aceasta este o mare cotație". - someGreatPerson 

9.

Folosirea listelor este o modalitate foarte bună de a organiza informații. Toată lumea știe

, dar cât de des sunt
și

folosit? Poate că referința la "lista de definiții" îi confundă pe unii coderi începători în a gândi că pot fi folosiți numai atunci când introduc termeni și definiții - totuși, acest lucru nu este cazul.

Tipuri de liste

1. Lista neordonată (ul)
2. Liste comandate (ol)
3. Listă de definiții (dl)

Ce fac ei

• Lista neordonată (ul): O listă cu marcatori
• Liste comandate (ol): O listă numerotată
• Listă de definiții (dl): O listă cu definiții ale elementelor

Motive pentru utilizarea listelor

• Stil consistent
• Ușor de creat
• Foarte versatil

Fiecare tip de listă afișează informații într-un mod valoros. Nu cred că trebuie să-ți explic

și
, dar să examinăm mai atent structura unei liste de definiții.

 
Acesta este elementul de listă # 1
 
Aceasta este definiția elementului de listă # 1
 
Acesta este elementul de listă # 2
 
Aceasta este definiția elementului de listă # 2

În loc să declarăm doar un tip de listă (

sau
) și fiecare articol din listă (
1. ), folosim
   și
   .
   definește fiecare element de listă și
   descrie elementul de mai sus.

   10. "(și alte caractere ASCII)

   Codificarea corectă a codurilor HTML ASCII atunci când se utilizează orice simbol. Este un pic mai mult de lucru, dar se va asigura că caracterele sunt redate corect și nu sunt confundate de browser ca parte a unui șir sau alt markup. Ați întâlnit vreun text pe o pagină web care nu pare corect? Poate ceva de genul acesta: "Nu am folosit HTML pentru a face apostroful".

   Exemplul de mai sus este forțat, dar cred că transmite ideea.

   Seturile de caractere utilizate în computerele moderne, HTML și Internet se bazează pe ASCII. - w3schools.com

   w3schools.com are o pagină de referință HTML ASCII excelentă pentru caractere ASCII. Îi încurajez pe toți să verifice și să memoreze câteva din cele mai frecvent utilizate caractere, cum ar fi apostroful, citatele, ampersand și "la semn".

   Mulțumesc mult pentru citire!

   Cod