Crearea de pagini html

Ministerul Politicii Agrare din Ucraina

Departamentul de Cibernetică Economică

"Crearea de pagini HTML. Comenzile de bază ale limbajului. "

Acest manual este destinat persoanelor care sunt familiarizate cu PC-ul, prelucrând informații care vor fi pe server și care vor să știe ce este World Wide Web (WWW). Dacă nu sunteți familiarizat cu HTML, vi se oferă posibilitatea de a examina textele introductive.







· Unele elemente din HTML, parțial limitate sau modificate; acest lucru este valabil mai ales pentru tabele

· Unele extensii ale furnizorilor specificate în acord

Note generale despre sintaxa HTML

Formal, setul de caractere utilizat în documentul HTML trebuie să fie

  • include ISO Latin 1, de asemenea cunoscut sub numele de cod ISO 8859-1, deoarece face parte din setul de standarde ISO 8859
  • să fie compatibile cu ISO 10646 și Unicode.

În lucrarea practică ar trebui să se utilizeze numai setul de caractere ISO Latin 1. Acum și în viitorul apropiat, vă puteți baza cu fermitate pe sprijinul său extins pentru aplicații. Suportul ISO Latin 1 trebuie să existe în toate browserele, dar uneori există probleme. De asemenea, puteți rămâne la setul de caractere ASCII, care este un subset al standardului ISO Latin 1.

Unele avertismente pentru cei care creează documente pe microcomputere:

  • Seturile de caractere DOS și Macintosh nu sunt compatibile cu standardul ISO Latin 1. Aceasta se referă la utilizarea oricăror caractere în afara setului ASCII, deoarece acestea necesită o conversie. Unele programe pot face aceste conversii automat, cu toate acestea, pot exista erori în tabelele de conversie.
  • caracterul Ferestre set de cele mai de acord cu ISO Latin 1, dar există unele poziții de cod care sunt rezervate ca caractere de control în ISO Latin 1 și încă sunt folosite pentru a imaginii caracterele vizibile în caracterul Windows. Cel mai faimos dintre ele - două cratima diferite „cratimă“ și „cratimă“, care nu trebuie confundat cu cratima (-) sau o subliniere (_), aparținând 1 ISO Latină (și chiar ASCII). Dacă utilizați astfel de caractere, utilizatorii sistemelor Windows le vor vedea, probabil, așa cum era de așteptat, totuși, în toate celelalte sisteme, personajele vor părea cel mai probabil ca pe bloturi. (De obicei, astfel de simboluri nu sunt deloc iesite deloc).

Eticheta HTML constă din elemente care se urmează reciproc într-o anumită ordine:

Majoritatea, dar nu toate etichetele HTML sunt asociate astfel încât eticheta de deschidere să fie urmată de eticheta de închidere corespunzătoare și există text sau alte etichete între ele.

În astfel de cazuri, două etichete și o parte a documentului separate de ele formează un bloc, numit un element HTML. Unele etichete, de exemplu


, sunt elementele HTML, iar pentru ele eticheta finală corespunzătoare este nevalidă. Apoi vom apela etichetele după numele lor, omițând parantezele unghiulare obligatorii.

Pentru fiecare etichetă este definit un set de atribute posibile. Majoritatea etichetelor permit unul sau mai multe atribute, dar este posibil să nu existe atribute. Specificația atributului constă în următoarele:

  • nume de atribut, de exemplu WIDTH
  • semnal egal (=)
  • valoarea atributului, care este specificat de un șir de caractere, de exemplu, "80".

Este întotdeauna util să închideți valoarea unui atribut în citate utilizând fie citate unică ("80"), fie ghilimele duble ("80"). Un șir citat nu poate conține aceleași citate în interiorul lui. Deci, dacă data este inclusă în ghilimele duble, utilizați citate unice pentru cotarea ulterioară și invers. În cadrul valorii atributului, etichetele HTML nu sunt percepute. Secvențele de evacuare sunt recunoscute și interpretate ca simboluri. Valorile atributelor trebuie separate prin spații sau linii goale.

Separarea în siruri de caractere și utilizarea spațiilor și filelor

Când se afișează un document, semnele și liniile goale nu sunt salvate, cu excepția textului inclus în etichetele PRE (text preformatat). Adică, orice secvență de spații, file și linii goale este echivalentă cu un singur spațiu din fișierul HTML. Pe de altă parte, un spațiu în fișierul HTML poate fi reprezentat folosind orice număr de spații sau linii noi (goale).

Termenul newlin (o linie nouă) este folosit pentru a marca teoretic sfârșitul unei linii. SGML specifică faptul că linia (înregistrare) ar trebui să înceapă simbolul de start (NEWLINE - linefeed, LF, cod ASCII 10) și se termină cu sfârșitul înregistrării (carriage return, CR, ASCII 13). În practică, documentele HTML sunt reprezentate și transmise folosind o reprezentare nouă, compatibilă cu aceste sisteme informatice. Prin urmare, browsere HTML permit susținerea unuia dintre cele trei reprezentări convenționale linii separate, secvențe desemnate CR LF, numai CR, sau doar LF, și pe baza acestei ipoteze și erori izolate start prezentare și înregistrare sfârșitul termenului de caractere.







Astfel, nu contează cum împărțiți textul în șiruri, deoarece pauza de linie este echivalentă cu un spațiu.

Astfel, pentru prezentarea logică a documentului dvs., trebuie să utilizați etichete HTML, cum ar fi Pili sau BR, astfel încât să puteți furniza un feed de linie dacă este necesar.

În ceea ce privește utilizarea feedurilor de linii în combinație cu etichetele HTML, există reguli speciale:

· Linia care urmează imediat după eticheta de start este ignorată

În mod similar, feed-ul de linie care precede eticheta finală este ignorat.

Caracterele orizontale (HT) pot fi folosite într-un document HTML. Dar, în cadrul elementului PRE, caracterul de tabulare are o interpretare specială, este echivalent cu un martor și nu conține informații despre tabele de orice fel. (Pentru a reprezenta datele tabelate, utilizați elementul de tabel.) Este aproape întotdeauna mai bine să evitați să includeți filele în cod HTML și să utilizați în schimb numărul corespunzător de spații dacă trebuie să formatați codul sursă HTML al documentului sub formă tabelară.

Metodele prin care se pot combina etichetele HTML sunt determinate de termenii elementelor și de clasificarea acestora. Este mult mai ușor de a determina, de exemplu, că elementul H1 poate conține numai elemente de text, decât pentru a da o lungă listă de elemente care se potrivesc, mai ales în cazul în care considerați că aceeași listă trebuie să apară în mai multe contexte, iar această listă poate fi modificată prin adăugarea de noi elemente de text la viitoarele versiuni HTML.

  • elemente de antet. și anume elemente utilizate în element și care conțin informații despre document ca un întreg
  • elemente de bloc. inclusiv elemente care specifică structura documentului
  • elemente de text. Elementele de text pot fi:
    • text simplu, poate
    • marcare expresii
    • Dimensiune font:
    • articole speciale
    • formează elemente
    • Orice element de text, inclusiv textul simplu, poate apărea oriunde, dacă este necesar - prin specificarea unui paragraf
    • Regula "degetul mare", care poate ajuta la amintirea elementului care este blocat și care este textul: elementele blocului completează paragraful, elementele de text nu.

Despre secvențe de evacuare (obiecte simbolice), nume, atribute de culoare, lățime, pixeli, aliniere verticală, spații continue.

Secvențe de evacuare (obiecte de caractere)

Secvențele de evacuare sau, mai exact, obiectele simbolice, reprezintă o metodă de reprezentare a caracterelor speciale. De exemplu, o secvență de evacuare lt; înseamnă "mai puțin decât" (<).

Unele caractere, cum ar fi <, используются в HTML в специальном значении, поэтому должен существовать способ их выражения, как символьных данных внутри самого документа или в URL.

Când studiază HTML, numele cuvântului este folosit ca termen tehnic. (Probabil, termenul mai adecvat ar putea fi un identificator, ca în cazul conceptului unei asemănări brute cu un identificator în limbile de programare). Numele este o secvență de caractere și începe cu o literă. Șirul de caractere care este folosit pentru uneori poate conține alte caractere, dar apoi trebuie citat.

În elementele FONT și BODY, anumite construcții HTML pot fi folosite pentru a specifica culorile: de exemplu, culoarea de fundal, culoarea textului implicit sau culoarea textului linkului. Deoarece toate monitoarele și programele pot afișa culori, afișajul real poate fi alb-negru sau cu diferite nuanțe de gri. Pentru a utiliza nume de culori predefinite, trebuie să cunoașteți echivalentele lor numerice.

Atribut WIDTH (lățime)

Valoarea atributului WIDTH în etichete, de exemplu HR sau TABLE, poate fi specificată în două moduri alternative:

  • ca procent din diferența dintre limitele de stânga și dreapta actuale; în acest caz, valoarea atributului trebuie citată și semnul procentual trebuie să urmeze imediat semnul procentului, de exemplu WIDTH = "80%"
  • în pixeli. specifică un număr întreg (nu sunt necesare citate), de exemplu WIDTH = 212.

Valorile pixelilor utilizate în atribute determină pixelii ecranului. Dimensiunea fizică a pixelului este determinată de monitorul utilizatorului.

Aliniere verticală (VALIGN)

În unele etichete asociate cu tabele, atributul VALIGN poate fi utilizat pentru a controla alinierea verticală, adică poziționarea în direcția verticală a celulelor mesei.

Pentru a poziționa conținutul celulelor în partea superioară, mijlocie sau inferioară a celulei tabelului, sunt setate următoarele valori ale atributului VALIGN: TOP, MIDDLE, BOTTOM.

Spațiu continuu ( ) (Spații fără rupere)

secvență   este o notație de evadare pentru un personaj care în alte contexte este denumit de obicei un spațiu continuu sau, pentru scurt timp, NBSP. Conform ISO 8859, acest simbol ar trebui să fie reprezentat ca un spațiu obișnuit (spațiu gol, spațiu gol), dar unul care nu este înlocuit cu un feed de linie (așa cum se întâmplă adesea cu un spațiu obișnuit în procesarea textului). Adică, pentru ca două cuvinte să fie pe o linie cu o anumită distanță între ele, ar trebui să apară spații continue între aceste cuvinte. (Lățimea reală a spațiului dintre cuvinte poate varia și nu este necesar să se lege de un anumit număr de spații în fișierul HTML.)

În plus, deși specificațiile de referință HTML nu clarifică această problemă, în secțiunea de descriere a atributului NOWRAP al elementelor TH și TD se indică faptul că semnul   Ar trebui să acționeze ca un martor continuu, cel puțin în interiorul celulelor mesei.

Dacă utilizați spații continue, folosiți-le în loc de spațiile obișnuite și nu în plus față de acestea. Pe de altă parte, într-un tabel în HTML   poate avea un înțeles complet diferit, care poate fi descris ca un spațiu care nu este gol. când tabelul este prezentat cu o margine, celulele fără conținut (doar spațiile nu sunt contorizate) sunt afișate fără limită   în marcaj este indicat!

Structurile de bază ale documentului HTML

Structura obligatorie a documentelor

Să începem cu cel mai simplu document HTML care conține doar text simplu Hello world. În fișierul HTML, conținutul trebuie precedat în mod obligatoriu de secțiunea HEAD, care poate fi compusă minim din două construcții.

Adică, cu excepția primei linii, întregul fișier are un element HTML care conține elementul HEAD (inclusiv elementul TITLE) și elementul BODY, cu text simplu ca conținut.

Astfel, în absența etichetelor HTML, HEAD și TITLE, browserul le va introduce în locurile potrivite. Prin urmare, documentul dvs. va conține întotdeauna HEAD și BODY.

Structura recomandată a documentului

Pe lângă structura obligatorie, se recomandă insistent introducerea diferitelor detalii structurale. Există recomandări speciale pe diverse site-uri și trebuie să studiați cu atenție documentele relevante.

Aici subliniem că fiecare document HTML trebuie să conțină informații de bază despre originea sa. Recomandările particulare pot clarifica în detaliu forma de prezentare a acestor informații.

Cu privire la originea documentului, trebuie furnizate cel puțin următoarele informații:

Toate materialele din secțiunea "Informatică"







Articole similare

Trimiteți-le prietenilor: