Din această lecție veți învăța cum să creați o etichetă, să îi atribuiți un atribut și, de asemenea, să vă familiarizați cu clasele și identificatorii.
Etichetele (etichete, etichete, etichete) sunt cuvinte cheie care sunt înconjurate de paranteze unghiulare ( <и> ). Etichetele sunt baza limbajului HTML. Structura etichetei este întotdeauna următoarea:
Este posibil ca etichetele să necesite închiderea și să nu fie necesare. Mai sus este un exemplu de tag care se închide, pentru aceasta simbolul / precede numele.
Etichetele care nu necesită închidere sunt:
Luați notă de slash-ul de închidere la sfârșit, uneori este folosit ca caracter de închidere, dar nu este necesar să îl utilizați.
Etichetele nu sunt pe care nu le vom vedea în browser, ci ele stau la baza aspectului oricărui site. Sarcina etichetelor este să "explice" browser-ului unde să plaseze anumite elemente, ce proprietăți ar trebui să aibă. Apoi, veți vedea cum să scrieți codul și să înțelegeți unde și ce etichete trebuie utilizate.
Iată principalele etichete care determină structura documentului:
Etichete atribute
Proprietățile etichetelor sunt numite "atribute". Etichetele pot avea unul sau mai multe atribute sau pot fi complet fără ele.
Atributele sunt utilizate pentru a permite browserului să distingă o etichetă de alta, conțin informații suplimentare despre elemente și sunt întotdeauna specificate în eticheta de deschidere.
Atributele sunt specificate în perechi sub forma unui nume și a unei valori: name = "value". De exemplu, puteți adăuga atributul lang unui element :
Această linie citește astfel: eticheta există un atribut lang. și valoarea sa este en-US.
Hyperlink-uri și imagini
Pentru a crea un hyperlink, utilizați eticheta . Atributul principal al linkului este întotdeauna atributul href. care indică ce pagină se va deschide când faceți clic pe acest link. Iată un exemplu de legătură text, adică conținutul unei etichete în acest caz, textul:
Același element poate avea multe atribute. De exemplu, o etichetă . care este responsabil pentru imaginile:
Să ne uităm la această linie: elementul există astfel de atribute:
Cum se adaugă atribute
Regulile pentru scrierea atributelor sunt foarte simple:
- valorile ar trebui să fie întotdeauna citate;
- utilizați doar aceleași ghilimele: dacă valoarea din stânga este un singur ghilimel sau un ghilimele dublă ("și"), atunci partea dreaptă ar trebui să fie aceeași;
- utilizați numai litere mici pentru numele de atribute (nu se aplică valorilor).
Iată câteva dintre atributele utilizate cel mai frecvent:
sensul este adesea folosit în forme
Atributele de clasă și id
Clasele și identificatorii sunt atribute care se numesc clasă și id, respectiv. Sunt necesare astfel încât să puteți selecta elementele la care să aplicați stiluri. Selectorii sunt utilizați pentru a selecta elemente după clasă, identificator sau nume de etichetă.
Selectorii pot fi orice nume de etichete, dar în cazul în care există multe etichete, ele vor trebui repetate. Apoi clasificatorul și identificatorul vor fi utile pentru a distinge unele etichete de celelalte.
Class si id atributele sunt utilizate, astfel încât să puteți aplica stiluri doar la obiecte specificate, care au nevoie pentru pagini de stil (acest lucru este CSS, vom merge cu privire la aceasta în următoarele lecții, și el are încă timp să te deranjez), precum și pentru script-ul de pe pagina.
Identificatorul trebuie să fie unic, să nu se repete pe pagină și să se aplice numai unui element. Pentru același element, puteți specifica numai un singur identificator.
Clasele pot fi orice număr, ele sunt indicate de un spațiu din atributul de clasă. Pentru același obiect, puteți specifica atât identificatorul, cât și numai clasele, precum și faptul că și așa.
Pentru identificatori și nume de clase, se aplică aceleași reguli:
- doar litere latine
bun: class = "class_01". rău: class = "class_01"; - doar cu litere mici
bun: class = "class_01". nedorite: class = "Class_01"; - Primul caracter este numai litera
bun: image_01. rău: 01_image;
Atribut alt - necesar pentru imagini
Conform regulilor de marcare, toate imaginile trebuie să aibă atributul alt. Dacă nu aveți nevoie de ea, lăsați-o goală, dar tot adăugați peste tot:
? Mai mică pentru numele de atribute
Atât numele de clase, cât și numele idelor și tagurilor trebuie să fie mici.
În general, etichetele HTML sunt insensibile pentru litere mici, adică
pentru browser este echivalent
. Specificația HTML5 nu specifică ce registru să utilizeze. Cu toate acestea, utilizarea mai devreme a majusculelor în numele tagurilor a fost o eroare.
Astăzi ați învățat ceva mai mult despre etichete și atribute. Apoi, vom continua să studiem etichetele, vă voi spune despre formularele de pe pagini, metadate, titluri și reguli pentru scrierea codului HTML. Împărțiți lecțiile cu prietenii și în timp ce voi scrie următoarea lecție. Ne vedem curând!
← Tisni "Laik", shcheb ne-a citit la Feisbutsі
Tokar_ua Fii în curs. Mergeți pe canalul nostru în Telegramă.
„Date-POST_ID = "9061" date-user_id = "0"= "0" date-lang = "ro"-decom_comment_single_translate date is_need_logged-date = "comentariu"-decom_comment_twice_translate date = "comment" date-decom_comment_plural_translate = "komentarіv" date-multiple_vote = "1" date-text_lang_comment_deleted = 'komentarijah Vidal' date-text_lang_edited = "Vіdredagovano de" date-text_lang_delete = "Vidaliti"-text_lang_not_zero date = "câmpul nu este NULL" „câmp obov'yazkove Tse = text_lang_required-date. " = "Oberіt unul dintre punktіv" text_lang_checked-date = text_lang_completed-date "Operatsіyu completate" text_lang_items_deleted-date = "Ob'єkti Bulo Vidal" date-text_lang_close = "tip închis" date-text_lang_loading = "Zavantazhennya.">
Додати комента
Vibate pentru comentarii neobișnuite.
1 comentariu
Când va fi aplicația?
Obțineți mai multe informații pentru a vă ajuta
Internet, tehnologie, vie
Materіali s site-ul mozhut Buti vikoristanі în tsіlyah nekomertsіynih s Activitate posilannyam, se pare că am vіdkritim la іndeksatsії.
Licențiată: Creative Commons Attribution 4.0.
Cunoașteți iertarea? Introduceți textul în fereastra Ctrl + Enter.
Pretențios pe Bukvus
De ce trebuie să adaug un scenariu?
Nu am spam. Nechay pționează în jos, pe htsebit
Am mozhu ori pe misyats nadislati foaie cu tsikavimi intrări pe blog. Nu mai mult decât eu nichichogo. Vkazuyuchi lui postu, vie pogozzhuesytes zim.