și - etichete care indică începutul și sfârșitul glosarului.
- Termenul glosarului este situat fără indentare din marginea din stânga a paginii.
- Descrierea termenului, situată indentat din marginea din stânga a paginii.
Etichete de comandă pentru inserarea în text a obiectelor informaționale non-text
ALIGN - aliniere (ALIGN= LEFT - aliniere la marginea stângă, ALIGN= RIGHT - la marginea dreaptă, ALIGN= TOP - la marginea de sus, ALIGN= BOTTOM - la marginea de jos, ALIGN= MIDDLE sau CENTER - la centru )
Tabel - o grilă pentru afișarea datelor în rânduri și coloane, precum și un instrument de formatare a textului
BGCOLOR - culoarea de fundal
BORDER - lățimea chenarului
WIDHT - lățimea mesei
Etichete de marcare pentru tabel
și - numele tabelului, are parametrul ALIGN= TOP - aliniere deasupra tabelului și ALIGN= BOTTOM - sub tabel.
Și
- Linia de masă. Poate avea parametrii BGCOLOR - culoarea de fundal în interiorul liniei;ALIGN= LEFT , RIGHT , CENTER - aliniere în cadrul unei linii;
VALIGN= SUS , JOS , MIJLOC - aliniere verticală într-un rând de tabel.
Și | - Coloana tabelului. Poate avea parametrii BGCOLOR - culoarea de fundal sub coloană;ALIGN= LEFT , RIGHT , CENTER - aliniere în cadrul coloanei;
COLSPAN întinde o celulă pe mai multe coloane, ROWSPAN întinde o celulă pe mai multe linii.
și - Titlul coloanei. Poate avea parametrii BGCOLOR - culoare de fundal sub nume;
ALIGN= LEFT , RIGHT , CENTER - aliniere;
VALIGN= SUS , JOS , MIJLOC - aliniament vertical;
COLSPAN, ROWSPAN - întinderea unei celule în mai multe coloane sau rânduri; WIDHT - lățimea titlului.
Rame de cadru
Cadrele sunt un mijloc de împărțire a ecranului în mai multe zone, fiecare dintre acestea afișând conținutul unei pagini Web sau al unui site Web separat.
și etichete pentru crearea unui cadru
Opțiuni de etichetare
COLS - împărțiți ecranul într-un anumit număr de coloane (verticală)
RÂNDURI - împărțiți ecranul într-un anumit număr de coloane (orizontale)
BORCOLOR - culoarea cadrului
BORDER - lățimea chenarului
FRAMEBORDER - chenar cadru (FRAMEBORDER= YES - există o chenar, FRAMEBORDER= NU - fără chenar, FRAMESPACING= n - lățime chenar)
Etichetă pentru a descrie cadrul ( ).
Opțiuni de etichetare
SCROLING - parametru pentru reglarea barei de defilare:
SCROLING= DA - bara de defilare va fi mereu acolo
SCROLING= NU - nu va exista nicio bară de defilare
SCROLING= AUTO - bara de defilare apare doar atunci când este necesar
MARGINWIDHT și MARGINHEIGHT - parametri care controlează indentarea din interiorul cadrelor, utilizați pentru a alinia imaginea grafică în interiorul cadrului
NORESIZE - un parametru care indică faptul că dimensiunea cadrului cadrului nu se va schimba niciodată.
Un link către fișier.htm- Comunicarea între cadre
TARGET - atribut de comunicare între cadre. Are mai multe semnificații:
BLANK încarcă conținutul paginii specificate de link într-o nouă fereastră goală.
SELF conținutul paginii specificate de link în fereastra care conține linkul.
PARENT încarcă conținutul paginii specificate de link în fereastra care este proprietarul imediat al setului de cadre.
TOP conținutul paginii specificate de link într-o fereastră, ignorând orice cadre utilizate.
Gestionarea browserelor care nu acceptă cadre:
Ramele se află aici
Iată textul fără cadre
Ticker
TEXT - etichetă care creează o linie târâtoare
TEKCT - Dacă tickerul trebuie direcționat de la dreapta la stânga
TEKCT - mișcare de la stânga la dreapta.
defilare - mișcare standard de la dreapta la stânga
slide - inscripția rulează o dată de la marginea dreaptă la stânga, unde rămâne.
alternativ - mișcare de la marginea dreaptă a paginii la stânga și înapoi. Ciclu fără sfârșit.
TEKCT - Limitați numărul de cicluri. Valoarea n a instrucțiunii LOOP specifică de câte ori bucla va fi repetată.
TEKCT - indicați lățimea zonei ocupate de linia târâtoare, unde n este lățimea părții din pagină pe care se află linia târâtoare. Valoarea n este specificată atât în pixeli, cât și ca procent din lățimea totală vizibilă a paginii.
TEKCT - Reglarea mișcării inscripției pe ecran. Aici n este numărul de pixeli.
TEKCT - În acest caz, variabila - timpul t - se măsoară în milisecunde. Metoda de setare a vitezei constă în specificarea timpului după care textul va fi redesenat din nou pe ecran.
TEXT - capacitatea de a specifica dimensiunea fontului textului într-o linie.
TEXT - colorează suprafața liniei de rulare în orice culoare, unde n poate fi specificat ca număr hexazecimal sau scriind numele acestuia
TEXT - indică înălțimea tickerului
Ne-am uitat la un exemplu de creare a unei pagini simple în care au fost date comentarii pe niște etichete html, deoarece mi se pare că este mai bine să arătăm mai întâi ceva cu un exemplu și apoi să trecem la o descriere mai detaliată. De aceea, crearea unei pagini a fost discutată în a doua lecție, iar mai detaliat în a treia.
Deci, mai jos sunt descrieri ale etichetelor HTML comune care sunt utilizate pe aproape fiecare pagină a site-ului. Crede-mă, sunt deja destui pentru a scrie un întreg site.
Lista etichetelor HTML 1. Etichetă HTML (pentru paragrafe) - afișează un paragraf text (permite stil, clasă, atribute id). Cea mai comună etichetă, deoarece textul este plasat cel mai adesea în ea (cu toate acestea, pentru asta a fost creat).
De exemplu, codul html:
Text paragraful numărul unu
Și acesta este un alt paragraf
Text paragraful numărul unu
Și acesta este un alt paragraf
De asemenea, puteți adăuga un parametru de stil la etichetă:
Aceste valori diferite pot fi folosite pentru a edita aspectul fontului. Puteți citi despre acești parametri într-o lecție separată: stiluri în html și proprietatea fontului css.
De asemenea, puteți specifica atributele CLASS și ID. De exemplu:
2. Etichetă HTML și (în aldine) Și - două etichete care vă permit să faceți fontul bold. Nu există nicio diferență între aceste etichete.
Să dăm un exemplu. Cod HTML:
miniatură Se convertește în următoarele pe pagină:
miniatură
De asemenea, puteți specifica atributele CLASS și ID (ca și în cazul Note
Aceste etichete au un impact redus asupra clasamentului documentelor în motoarele de căutare, așa că este mai bine să nu le folosiți fără scop.
3. Etichetă HTML (creați cursive) - font italic (permite stil, clasă, parametrii id)
De exemplu, codul html:
text italic
Se convertește în următoarele pe pagină:
4. Etichetă HTML (text subliniat) - font subliniat (permite stil, clasă, parametrii id)
De exemplu, codul html:
text subliniat
Se convertește în următoarele pe pagină:
text subliniat
5. Etichetă HTML (crearea unui hyperlink) Creează un link pe pagină (permite stil, clasă și alți parametri).
De exemplu, codul html:
textul linkului
Se convertește în următoarele pe pagină:
Toți parametrii și atributele etichetei vor fi tratate într-o lecție separată: etichetă html.
6. Etichetă HTML (titluri din conținut) ,..., - etichete de antet în interiorul conținutului (permite stilul, clasa, parametrul id). Mai mult, cu cât numărul este mai mic, cu atât greutatea și dimensiunea (în mod implicit) a textului inclus în aceste etichete sunt mai mari.
De exemplu, codul html:
Titlul h1 Eticheta este folosită pentru titlul paginii (precum și titlul)
Aceste etichete trebuie utilizate numai în scopul propus, de exemplu. numai atunci când articolul are nevoie de un titlu. Acest lucru se datorează faptului că etichetele,..., au o mare influență asupra motoarele de căutare. Dacă le folosești corect, atunci șansele de a ajunge în partea de sus a rezultatelor căutării sunt foarte mari.
7. Etichetă HTML (aliniere) - aliniază conținutul în centru.
De exemplu, codul html:
Acest text va fi în centru Se convertește în următoarele pe pagină:
Acest text va fi în centru
Notă - - pentru text
- ... - pentru orice (de exemplu, o imagine)
8. Etichetă HTML (text subscript) - afișează fontul indicelui.
De exemplu, codul html:
Text simplu, text interliniar Se convertește în următoarele pe pagină:
Text simplu, text interliniar
9. Etichetă HTML (text superscript) - afișează fontul superscript.
De exemplu, codul html:
Text simplu, text în indicele Se convertește în următoarele pe pagină:
Text simplu, text în indicele
10. Etichetă HTML, , - afișează un font cu un pixel mai mare/mai mic decât dimensiunea curentă (permisă de parametrul stil, clasă, id).
De exemplu, codul html:
Font obișnuit, acest font este cu un pixel mai mare Se convertește în următoarele pe pagină:
Font obișnuit, acest font este cu un pixel mai mare
11. Etichetă HTML (crearea listelor) Afișează o listă (acceptă stil, clasă, parametri id). Fiecare element nou este scris între
- Și
.
De exemplu, codul html:
Listă:
- primul element al listei
- al doilea element al listei
Se convertește în următoarele pe pagină:
Listă:
- primul element al listei
- al doilea element al listei
12. Etichetă HTML (crearea de tabele) - creează un tabel (permite stilul, parametrul de clasă). Fiecare linie nouă este creată de etichete |
, și coloana |
.
De exemplu, codul html:
| 1 linie 1 element | 1-a linie 2-a element |
| 2 linii 1 element | 2 linii 2 element |
Se convertește în următoarele pe pagină:
Toate capabilitățile de etichetă
13. Etichetă HTML
(rupere de linie)
- tranziția la următoarea linie, este o singură etichetă.
De exemplu, codul html:
Linia 1
2 linii
Linia a 3-a Și acest text va fi pe linia a 3-a, deoarece nu a existat nicio tranziție Se convertește în următoarele pe pagină:
1-Linie
2 linii
Linia a 3-a Și acest text va fi pe linia a 3-a, deoarece nu a existat nicio tranziție
14. Etichetă HTML (linie orizontală) - desenează o linie, reprezintă o singură etichetă (permite stilul, parametrul de clasă).
De exemplu, codul html:
Un text deasupra liniei și acest text va fi sub linie Se convertește în următoarele pe pagină:
Un text deasupra liniei și acest text va fi sub linie
15. Etichetă HTML ![]()
(ieșire imagine) De exemplu, codul html:
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg "> Se convertește în următoarele pe pagină:
Toate capabilitățile de etichetă ![]()
va fi discutat într-o lecție separată: .
16. Etichetă HTML (formatarea textului) - pentru a formata text, a schimba stilul etc. (permite stilul parametrului, clasă, id). Greutatea sa în ochii motoarelor de căutare este absentă, așa că îl puteți folosi cât doriți.
De exemplu, codul html:
Acest text este verde și dimensiunea lui este de 15 pixeli Se convertește în următoarele pe pagină:
Notă O etichetă similară este .
17. Etichetă HTML (crearea formularului) - crearea unui formular pe pagină (permite stilul, parametrul de clasă).
De exemplu, introducerea unui login și a unei parole, orice butoane, orice formular de înregistrare - toate acestea sunt formulare.
18. Etichetă HTML (crearea blocurilor) - folosit pentru a crea blocuri pe pagină (permite stilul, parametrul de clasă). Anterior, tabelele erau folosite în principal pentru a marca paginile. După ce a apărut eticheta, sarcina a devenit mai ușoară. Aproape toate site-urile web conțin blocuri ca o alternativă convenabilă la tabele.
Toți cei care citesc această lecție știu probabil ce este HTML. Dar revizuirea elementelor de bază vă ajută să vă sporiți cunoștințele și să vă ascuțiți abilitățile, în special cu tehnologiile web în continuă evoluție.
Se vorbește mult în aceste zile despre modificările aduse de HTML 5. Fiecare etichetă menționată în acest articol este acceptată atât în HTML 4.01, cât și în HTML 5. Deși unele dintre aceste etichete sunt utilizate pe scară largă, va fi foarte util să revizuim tehnicile implicat.
1.
Fiecare carte despre programare menționează că este foarte util să explici ce face codul tău. De ce comentarea este o bună practică? Acest lucru ajută într-adevăr persoana care vă citește codul să înțeleagă ce se întâmplă.
Pentru HTML, comentarea poate părea un punct care adaugă greutate paginii. Cu toate acestea, comentariile pot fi utile pentru definirea secțiunilor și pentru menținerea structurii și organizării codului paginii. Marcarea începutului și a sfârșitului diferitelor secțiuni poate ajuta cu adevărat atunci când lucrați la un proiect.
- Elementul de meniu 1
- Elementul de meniu 2
Acesta este conținutul principal.
... 2. Stiluri de tabel: , , și Pentru a face un design bun al mesei, trebuie să utilizați etichetele menționate în subtitlu. Toate afectează rândurile de tabel și puteți seta cu ușurință stiluri pentru ele.
| Articol |
Cant |
| Sumă |
7
|
| #1
|
3
|
| #2
|
4
|
Înfășurați rândurile de masă
. Așa se formează titlul tabelului.
Înfășurarea sforilor
Formăm liniile totale în partea de jos a tabelului. Siruri de caractere
trebuie definite înaintea liniilor
, astfel încât rândurile totale sunt afișate înainte de restul rândurilor din tabel.
Încapsulăm liniile de date în .
| Paragraf |
Cant |
| Sumă |
7 |
| #1 |
3 |
| #2 |
4 |
3.
O listă derulantă este o modalitate excelentă de a prezenta date pe care utilizatorul le poate selecta. Nu numai că ocupă puțin spațiu, dar sunt și familiare utilizatorilor și ușor de utilizat. O proprietate minunată
este capacitatea de a crea categorii (sau subtitluri) pentru articolele din listă.
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
4. Titluri - ,,,,, și Desigur, toată lumea folosește titluri. Dar să fiu sincer, când ai folosit ultima dată
sau un titlu chiar de nivel inferior? Titlurile vă permit să construiți mai puține structuri semantice, cum ar fi stiluri suplimentare pentru text
.
Nu este nevoie să creați o muncă suplimentară pentru dvs. Amintiți-vă etichetele de titlu.
5. și Toată lumea iubește site-urile unde este ușor să găsești informațiile de care ai nevoie printre articolele grupate logic.
Grupurile formează elemente împreună desenând un cadru dreptunghiular în jurul lor. De asemenea, este posibil să adăugați un titlu unei astfel de secțiuni folosind
.
Informații generale: Nume: E-mail: Data nașterii:
6.
Etichetă
nu afectează în niciun fel stilul. Afectează funcționalitatea paginii.
folosit pentru a defini eticheta elementului de intrare. Eticheta în sine percepe clicurile mouse-ului, făcând activ câmpul de intrare corespunzător. Această proprietate de etichetă funcționează pentru câmpurile de text și butoanele radio.
Nume: Barbat: Femeie:
7.
Dacă trebuie să dai un efect dramatic unei expresii, poți folosi
. În mod implicit, o linie goală va fi inserată înainte și după element. Va fi adăugată și indentare pentru a separa textul conținut în element de restul conținutului.
Exemplu de utilizare a unei etichete Exemplu de utilizare a unei etichete
8.
Nu se poate spune asta
se refera la
, dar de obicei sunt folosite împreună.
Ține minte eticheta
, când trebuie să citezi pe cineva.
Un exemplu de utilizare a unei etichete împreună cu o etichetă. Această ofertă este inclusă în etichetă. Un exemplu de utilizare a etichetei blockquote împreună cu eticheta cite. Această ofertă este inclusă în etichetă.
9.
Folosirea listelor oferă oportunități excelente de organizare a informațiilor. Toată lumea știe despre , dar cât de des folosești
Și
? Poate că numele „listă de definiții” poate deruta un dezvoltator începător și îl poate face să creadă că o astfel de listă poate fi folosită doar pentru a introduce definiții și condiții. Cu toate acestea, această situație nu corespunde realității.
Tipuri de liste - Lista neordonată (ul)
- Lista ordonată (ol)
- Lista definițiilor (dl)
Ce fac ei - Listă neordonată (ul): listă cu indicatori punctați
- Listă ordonată (ol): o listă numerotată
- Lista de definiții (dl): Listă cu definițiile elementelor
Motive pentru a folosi liste - Stilul de conținut consistent
- Doar creează
- Versatil
Modul în care fiecare tip de listă afișează informații este diferit de celălalt. Cu siguranță nu este nevoie să ne oprim Și
, dar structura listei de definiții necesită clarificări suplimentare.
Elementul de listă #1 Definiția pentru elementul de listă #1 Elementul de listă #2 Definiția pentru elementul de listă #2
În loc să definiți un element de listă ( -
), folosim două etichete:
Și
.
definește fiecare element din listă și
descrie punctul de mai sus. Mai jos este lista conform codului listei de definiții prezentat mai devreme.
Elementul de listă #1 Definiția pentru elementul de listă #1 Elementul de listă #2 Definiția pentru elementul de listă #2
10. „(și alte caractere ASCII) Când utilizați HTML, trebuie să utilizați coduri ASCII atunci când trebuie să inserați un caracter. Această regulă necesită pași suplimentari, dar asigură că toate caracterele sunt afișate corect pe ecranul utilizatorului și că browserul nu le percepe ca parte a markupului. Ați întâlnit vreodată un text care nu se afișează corect? De obicei, textul problematic este creat folosind ghilimele, apostrofe, semne mai mult decât mai puțin și așa mai departe. De fapt, nu există multe astfel de personaje și merită să ne amintim codurile lor ASCII.
Cele mai bune articole pe această temă
