Know Intuit, elementele de bază de curs html

În acest capitol, vom învăța elementele de bază ale limbajului HTML - ceea ce este, ce face, istoria pe scurt, si se pare ca structura HTML documentului. Următoarele Prelegerile vor examina fiecare parte individuală a HTML, cu o adâncime mult mai mare. Prelegerea are următoarea structură:

  • Ce este HTML
  • Ce este HTML
  • Istoria HTML
  • Structura unui document HTML
  • Sintaxa elementelor HTML
  • Elementele de nivel bloc si elemente inline
  • link-uri simbolice
  • concluzie

Ce este HTML

HTML ( "Hypertext Markup Language") este un limbaj care descrie conținutul documentelor Web. Acesta folosește o sintaxă specială. Markerii care conțin (numite „elemente“), care acoperă textul din document pentru a indica modul în care agentii utilizator trebuie să interpreteze această parte a documentului.

Ce este HTML

HTML este doar o reprezentare de text simplu de conținutul și sensul său general. De exemplu, codul de antet, „Ce este HTML“ de mai sus este după cum urmează:

parte "

„Este un marker (pe care o numim“ tag-ul „), care înseamnă“ ceea ce urmează, ar trebui să fie luate în considerare, ca titlul celui de al doilea nivel. „“

„Este o etichetă pentru a indica în cazul în care există un al doilea titlu de nivel se încheie (pe care o numim“ eticheta de închidere „). Eticheta de deschidere. Eticheta de închidere și totul între ele sunt numite“ elemente „. Cu toate acestea, mulți oameni folosesc elementul termeni și tag-ul alternativ, care nu este foarte strict corect.

Istoria HTML

Deși HTML sa schimbat considerabil de atunci, cea mai mare parte a conținutului HTML moderne implementate în acest prim document și mai mult de jumătate din „tag-ul“, așa cum este descris în documentul original „tag-uri HTML“ este încă acolo.

Proiectul de HTML 3.0 a fost introdus mai târziu în cursul anului, dar de lucru pe această versiune a fost anulat, din cauza lipsei de sprijin din partea furnizorilor de browser. HTML 3.2, multe caracteristici noi au pierdut 3.0, și a adoptat în loc de design de multe populare la momentul Mosaic și Netscape Navigator browsere.

Structura unui document HTML

Minim posibil documentul HTML valid va arata ceva de genul:

Documentul începe cu un element de tip de document, sau DOCTYPE (descris mai detaliat în „Capitolul 14“. Alegerea tipului potrivit documentului ...). El descrie ce tip de HTML pentru a fi utilizat - pentru a agentilor utilizator pentru a determina modul de interpretare a documentului și să decidă dacă acesta respectă regulile care vor să urmeze în cererea sa.

Puteti vedea apoi eticheta de deschidere a elementului html. Acesta este un înveliș în jurul întregului document. Eticheta de închidere HTML este ultimul obiect în orice document HTML.

În interiorul elementului HTML are un element de cap. El este un înveliș care conține informații de document (metadate). Acest lucru este descris în capitolul următor mai detaliat. În interiorul capului este titlul elementului. care definește antetul „pagina Exemplu“ în bara de meniu.

După ce corpul elementului cap trebuie elementului. care este un înveliș care conține conținutul actual al paginii - în acest caz, numai elementul rubricii primului nivel (H1), care conține textul „Hello World“. Și acest lucru, de fapt, este întregul document.

După cum puteți vedea, elemente conțin adesea alte elemente. Corpul documentului va include întotdeauna o multitudine de elemente imbricate.

secțiuni de pagină a crea o structură comună a documentului, și va conține subdiviziuni. Acestea vor conține rubrici. paragrafe, liste, etc. Punctele pot conține elemente. care creează legături cu alte elemente. citate, alocare, etc. Cele mai multe dintre aceste elemente vor fi discutate în viitor.

Sintaxa elementelor HTML

După cum ați văzut deja, un element de bază în HTML este format din doi markeri în jurul unui bloc de text. Sunt elemente. care nu sunt un înveliș pentru un text, și în aproape fiecare caz, elementele pot conține sub-elemente (cum ar fi html, și cuprinde un corp central din exemplul de mai sus).

Elementele pot avea, de asemenea, atribute. care poate modifica comportamentul elementului și de a introduce o valoare suplimentară.

În acest exemplu, elementul div (secțiunea pagină, o metodă de documente de partiționare în blocuri logice) se adaugă atributul id. setat la o valoare Masthead. Div elementul cuprinde un element de h1 (primul antet sau cel mai important nivel), care la rândul său conține un text. O parte din textul ambalate în abbr elementul (care este utilizat pentru a determina rata de expansiune), care are un titlu atribut. Valoarea este definită ca Hypertext Markup Language.

Multe atribute în HTML sunt comune tuturor elementelor. deși unele sunt specifice elementului sau elementelor. Ei iau întotdeauna forma de cuvinte cheie = „valoare“. Valoarea trebuie să fie plasat în ghilimele simple sau duble (în unele situații, citate ar putea să lipsească, dar nu este prea bun în termeni de predictibilitate, înțelegere și claritate - trebuie să introduceți întotdeauna valori în ghilimele).

Elementele de nivel bloc si elemente inline

nivel de bloc înseamnă un element de nivel superior. de obicei, informează despre structura documentului. Elementele bloc nivel pot fi reprezentate ca elemente. care începe cu o nouă linie, de rupere departe de ceea ce a fost înainte. Elementele bloc comune includ paragrafe, lista de articole, titluri și tabele.

Elemente de coarde conținute în elemente structurale la nivel de bloc și acoperă doar o parte din textul documentului, în loc de întreaga regiune. Șirul de Elemente nu are ca rezultat un nou șir în document, acestea sunt elemente. care apar în paragraful text. Elementele comune string sunt link-uri hipertext, a subliniat cuvinte sau fraze și scurte citate.

link-uri simbolice

Ultimul aspect care merită menționat despre document HTML. este utilizarea de caractere speciale. Codul HTML <.> și Acestea sunt speciale. Ei încep și părțile de capăt ale documentului HTML. și nu reprezintă caracterele mai puțin este mai mult și ampersand.

Simbolul ampersand ( ) Introduce o legătură și virgulă (;) se termină. Cu toate acestea, mulți agenți de utilizator pot fi destul de iertator de greșeli HTML. cum ar fi o lipsă virgulă, și să interpreteze „lira“ ca o referință la caracter. Link-urile pot fi fie numere (referințe numerice) sau cuvinte abreviate (referință obiect).

concluzie

În acest curs, am învățat elementele de bază ale HTML. așa cum a apărut, și puțin familiarizat cu structura HTML documentului. Apoi Descriem Forum document HTML în detaliu înainte de a continua să ia în considerare conținutul .

Mark Norman Francis a fost de lucru cu internetul, deoarece invenția Web. El este în prezent lucrează în cadrul companiei Yahoo! ca Arhitect Front End pentru cel mai mare web-site-ul din lume, definirea celor mai bune practici, standarde de codificare și de dezvoltare web de calitate.