dhe - etiketat që tregojnë fillimin dhe fundin e fjalorit.
- Termi i fjalorit ndodhet pa dhëmbëzim nga skaji i majtë i faqes.
- Përshkrimi i termit, i vendosur i prerë nga margjina e majtë e faqes.
ALIGN - shtrirje (ALIGN= LEFT - shtrirje në kufirin e majtë, ALIGN= Djathtas - në kufirin e djathtë, ALIGN= TOP - në kufirin e sipërm, ALIGN= BOTTOM - në kufirin e poshtëm, ALIGN= MESËM ose CENTRE - në qendër )
Tabela - një rrjet për shfaqjen e të dhënave në rreshta dhe kolona, si dhe një formatues teksti
BGCOLOR - ngjyra e sfondit
BORDER - gjerësia e kufirit
WIDHT - gjerësia e tabelës
Etiketat e shënimit të tabelës
dhe - emri i tabelës, ka parametrin ALIGN= TOP - shtrirje sipër tabelës dhe ALIGN= POTTOM - poshtë tabelës.
Dhe
- Linja e tavolinës. Mund të ketë parametra BGCOLOR - ngjyra e sfondit brenda rreshtit;ALIGN= LEFT , RIGHT , CENTRE - shtrirja brenda një rreshti;
VALIGN= TOP, POSHT, MESIM - shtrirje vertikale brenda një rreshti tabele.
Dhe | - Kolona e tabelës. Mund të ketë parametra BGCOLOR - ngjyra e sfondit nën kolonë;ALIGN= LEFT , RIGHT , CENTER - rreshtimi brenda kolonës;
COLSPAN shtrin një qelizë mbi disa kolona, ROWSPAN shtrin një qelizë mbi disa rreshta.
dhe - Titulli i kolonës. Mund të ketë parametra BGCOLOR - ngjyra e sfondit nën emrin;
RREZIM = LEFT , DJATHTAS , CENTRE - shtrirja;
VALIGN= TOP, POSHTË, MESIM - shtrirje vertikale;
COLSPAN, ROWSPAN - shtrirja e një qelize në disa kolona ose rreshta; WIDHT - gjerësia e titullit.
Korniza kornizash
Kornizat janë një mjet për ndarjen e ekranit në disa zona, secila prej të cilave shfaq përmbajtjen e një faqeje interneti ose uebsajti të veçantë.
dhe etiketat për krijimin e një kornize
Opsionet e etiketimit
COLS - ndaje ekranin në një numër të caktuar kolonash (vertikale)
RRESHT - ndani ekranin në një numër të caktuar kolonash (horizontale)
BORDCOLOR - ngjyra e kornizës
BORDER - gjerësia e kufirit
FRAMEBORDER - kufiri i kornizës (FRAMEBORDER= PO - ka një kufi, FRAMEBORDER= JO - pa kufi, FRAMESPACING= n - gjerësia e kufirit)
Etiketoni për të përshkruar kornizën ( ).
Opsionet e etiketimit
SCROLING - parametër për rregullimin e shiritit të lëvizjes:
SCROLING= PO - shiriti i lëvizjes do të jetë gjithmonë aty
SCROLING= JO - nuk do të ketë shirit lëvizjeje
SCROLING= AUTO - shiriti i lëvizjes shfaqet vetëm kur është e nevojshme
MARGINWIDHT dhe MARGINHEIGHT - parametrat që kontrollojnë dhëmbëzimin brenda kornizave, të përdorura për të rreshtuar imazhin grafik brenda kornizës
NORESIZE - një parametër që tregon se madhësia e kornizës nuk do të ndryshojë kurrë.
Një lidhje me skedar.htm- Komunikimi ndërmjet kornizave
TARGET - atribut komunikimi ndërmjet kornizave. Ka disa kuptime:
BLANK ngarkon përmbajtjen e faqes të specifikuar nga lidhja në një dritare të re boshe.
VETË përmbajtjen e faqes të specifikuar nga lidhja në dritaren që përmban lidhjen.
PARENT ngarkon përmbajtjen e faqes të specifikuar nga lidhja në dritaren që është pronari i menjëhershëm i grupit të kornizave.
TOP përmbajtjen e faqes të specifikuar nga lidhja në një dritare, duke injoruar çdo kornizë të përdorur.
Trajtimi i shfletuesve që nuk mbështesin kornizat:
Kornizat janë të vendosura këtu
Këtu është teksti pa korniza
Tiker
TEXT - etiketë që krijon një vijë rrëshqitëse
TEKCT - Nëse treguesi duhet të drejtohet nga e djathta në të majtë
TEKCT - lëvizja nga e majta në të djathtë.
rrotull - lëvizje standarde nga e djathta në të majtë
rrëshqitje - mbishkrimi shkon një herë nga buza e djathtë në të majtë, ku mbetet.
alternative - lëvizja nga skaji i djathtë i faqes në të majtë dhe mbrapa. Cikli i pafund.
TEKCT - Kufizoni numrin e cikleve. Vlera n e deklaratës LOOP specifikon numrin e herëve që do të përsëritet cikli.
TEKCT - tregoni gjerësinë e zonës së zënë nga vija zvarritëse, ku n është gjerësia e pjesës së faqes në të cilën ndodhet vija zvarritëse. Vlera n specifikohet si në pixel ashtu edhe si përqindje e gjerësisë totale të dukshme të faqes.
TEKCT - Rregullimi i lëvizjes së mbishkrimit në ekran. Këtu n është numri i pikselëve.
TEKCT - Në këtë rast, ndryshorja - koha t - matet në milisekonda. Metoda e vendosjes së shpejtësisë konsiston në përcaktimin e kohës pas së cilës teksti do të rivizatohet përsëri në ekran.
TEXT - aftësia për të specifikuar madhësinë e shkronjave të tekstit në një rresht.
TEXT - ngjyrosni sipërfaqen e vijës së drejtimit në çdo ngjyrë, ku n mund të specifikohet si një numër heksadecimal ose duke shkruar emrin e tij
TEXT - tregon lartësinë e shenjës
Ne shikuam një shembull të krijimit të një faqeje të thjeshtë ku u dhanë komente për disa etiketa html, pasi më duket se është më mirë që fillimisht të tregohet diçka me një shembull dhe më pas të kalohet në një përshkrim më të detajuar. Kjo është arsyeja pse krijimi i një faqeje u diskutua në mësimin e dytë, dhe më në detaje në të tretën.
Pra, më poshtë janë përshkrimet e etiketave të zakonshme HTML që përdoren pothuajse në çdo faqe të faqes. Më besoni, tashmë ka mjaft prej tyre për të shkruar një faqe interneti të tërë.
Lista e etiketave html 1. Etiketa HTML (për paragrafët) - shfaq një paragraf teksti (lejon stilin, klasën, atributet id). Etiketa më e zakonshme, pasi teksti vendoset më shpesh në të (megjithatë, për këtë është krijuar).
Për shembull, kodi html:
Teksti i paragrafit numër një
Dhe ky është një paragraf tjetër
Teksti i paragrafit numër një
Dhe ky është një paragraf tjetër
Ju gjithashtu mund të shtoni një parametër stili në etiketë:
Këto vlera të ndryshme mund të përdoren për të modifikuar pamjen e fontit. Ju mund të lexoni në lidhje me këto parametra në një mësim të veçantë: stilet në html dhe vetitë e shkronjave css.
Ju gjithashtu mund të specifikoni atributet CLASS dhe ID. Për shembull:
2. Etiketa HTML dhe (me shkronja të zeza) Dhe - dy etiketa që ju lejojnë ta bëni fontin të guximshëm. Nuk ka asnjë ndryshim midis këtyre etiketave.
Le të japim një shembull. Kodi HTML:
miniaturë Konvertohet në sa vijon në faqe:
miniaturë
Ju gjithashtu mund të specifikoni atributet CLASS dhe ID (si në rastin e Shënimit
Këto etiketa kanë pak ndikim në renditjen e dokumenteve në motorët e kërkimit, kështu që është më mirë të mos i përdorni ato pa qëllim.
3. Etiketa HTML (krijo shkronja të pjerrëta) - font italic (lejon stilin, klasën, parametrat id)
Për shembull, kodi html:
teksti i pjerrët
Konvertohet në sa vijon në faqe:
4. Etiketa HTML (teksti i nënvizuar) - font i nënvizuar (lejon parametrat e stilit, klasës, id)
Për shembull, kodi html:
teksti i nënvizuar
Konvertohet në sa vijon në faqe:
teksti i nënvizuar
5. Etiketa HTML (krijimi i një hiperlidhjeje) Krijon një lidhje në faqe (lejon stilin, klasën dhe parametra të tjerë).
Për shembull, kodi html:
teksti i lidhjes
Konvertohet në sa vijon në faqe:
Të gjithë parametrat dhe atributet e etiketës do të trajtohet në një mësim të veçantë: etiketa html.
6. Etiketa HTML (titujt në përmbajtje) ,..., - etiketat e kokës brenda përmbajtjes (lejon stilin, klasën, parametrin id). Për më tepër, sa më i vogël të jetë numri, aq më e madhe është pesha dhe madhësia (si parazgjedhje) e tekstit të mbyllur në këto etiketa.
Për shembull, kodi html:
Kreu h1 Etiketa përdoret për titullin e faqes (si dhe titullin)
Këto etiketa duhet të përdoren vetëm për qëllimin e tyre të synuar, d.m.th. vetëm kur artikulli ka nevojë për një titull. Kjo për faktin se etiketat,..., kanë një ndikim të madh në motorët e kërkimit. Nëse i përdorni ato në mënyrë korrekte, atëherë shanset për të arritur në linjat kryesore të rezultateve të kërkimit janë shumë të larta.
7. Etiketa HTML (radhitje) - rreshton përmbajtjen në qendër.
Për shembull, kodi html:
Ky tekst do të jetë në qendër Konvertohet në sa vijon në faqe:
Ky tekst do të jetë në qendër
shënim - - për tekstin
- ... - për gjithçka (për shembull, një imazh)
8. Etiketa HTML (teksti i nënshkrimit) - shfaq fontin e nënshkrimit.
Për shembull, kodi html:
Tekst i thjeshtë, tekst interlinear Konvertohet në sa vijon në faqe:
Tekst i thjeshtë, tekst interlinear
9. Etiketa HTML (teksti i sipërshkrimit) - shfaq fontin e sipërshkrimit.
Për shembull, kodi html:
Tekst i thjeshtë, tekst mbishkrim Konvertohet në sa vijon në faqe:
Tekst i thjeshtë, tekst mbishkrim
10. Etiketa HTML, , - shfaq një font një piksel më të madh/më të vogël se madhësia aktuale (e lejuar nga stili, klasa, parametri id).
Për shembull, kodi html:
Font i rregullt, ky font është një piksel më i madh Konvertohet në sa vijon në faqe:
Font i rregullt, ky font është një piksel më i madh
11. Etiketa HTML (krijimi i listave) Shfaq një listë (pranon stilin, klasën, parametrat id). Çdo element i ri shkruhet ndërmjet
- Dhe
.
Për shembull, kodi html:
Listë:
- elementi i parë i listës
- elementi i dytë i listës
Konvertohet në sa vijon në faqe:
Listë:
- elementi i parë i listës
- elementi i dytë i listës
12. Etiketa HTML (krijimi i tabelave) - krijon një tabelë (lejon stilin, parametrin e klasës). Çdo linjë e re krijohet nga etiketat
, dhe kolona |
.
Për shembull, kodi html:
Element 1-rresht 1 | Rreshti i parë Elementi i dytë |
Element 2-rresht 1 | Elementi 2-rresht 2 |
Konvertohet në sa vijon në faqe:
Të gjitha aftësitë e etiketave
13. Etiketa HTML
(ndërprerje e linjës)
- kalimi në rreshtin tjetër, është një etiketë e vetme.
Për shembull, kodi html:
Rreshti 1
me 2 rreshta
Rreshti i 3-të Dhe ky tekst do të jetë në rreshtin e 3-të, pasi nuk ka pasur tranzicion Konvertohet në sa vijon në faqe:
1-Linja
me 2 rreshta
Rreshti i 3-të Dhe ky tekst do të jetë në rreshtin e 3-të, pasi nuk ka pasur tranzicion
14. Etiketa HTML (vijë horizontale) - vizaton një vijë, paraqet një etiketë të vetme (lejon stilin, parametrin e klasës).
Për shembull, kodi html:
Disa tekst mbi rreshtin dhe ky tekst do të jetë poshtë rreshtit Konvertohet në sa vijon në faqe:
Disa tekst mbi rreshtin dhe ky tekst do të jetë poshtë rreshtit
15. Etiketa HTML (dalja e figurës) Për shembull, kodi html:
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg "> Konvertohet në sa vijon në faqe:
Të gjitha aftësitë e etiketave do të diskutohet në një orë të veçantë: .
16. Etiketa HTML (formatimi i tekstit) - për të formatuar tekstin, për të ndryshuar stilin, etj. (lejon stilin e parametrit, klasën, id). Pesha e tij në sytë e motorëve të kërkimit mungon, kështu që mund ta përdorni sa të doni.
Për shembull, kodi html:
Ky tekst është i gjelbër dhe madhësia e tij është 15 piksele Konvertohet në sa vijon në faqe:
shënim Një etiketë e ngjashme është .
17. Etiketa HTML (krijimi i formularit) - krijimi i një forme në faqe (lejon stilin, parametrin e klasës).
Për shembull, futja e një identifikimi dhe fjalëkalimi, çdo buton, çdo formular regjistrimi - të gjitha këto janë forma.
18. Etiketa HTML (krijimi i blloqeve) - përdoret për të krijuar blloqe në faqe (lejon stilin, parametrin e klasës). Më parë, tabelat përdoreshin kryesisht për të shënuar faqet. Pasi u shfaq etiketa, detyra u bë më e lehtë. Pothuajse të gjitha faqet e internetit përmbajnë blloqe si një alternativë e përshtatshme për tabelat.
Të gjithë ata që lexojnë këtë mësim ndoshta e dinë se çfarë është HTML. Por rishikimi i bazave ndihmon në rritjen e njohurive tuaja dhe mprehjen e aftësive tuaja, veçanërisht me teknologjitë e uebit gjithnjë në zhvillim.
Sot flitet shumë për ndryshimet që sjell HTML 5 Çdo etiketë e përmendur në këtë artikull mbështetet në HTML 4.01 dhe HTML 5. Ndërsa disa nga këto etiketa përdoren gjerësisht, do të jetë shumë e dobishme të rishikohen teknikat. të përfshirë.
1.
Çdo libër rreth programimit përmend se është shumë e dobishme të shpjegohet se çfarë bën kodi juaj. Pse komentimi është një praktikë e mirë? Kjo e ndihmon vërtet personin që lexon kodin tuaj për të kuptuar se çfarë po ndodh.
Për HTML, komentimi mund të duket si një pikë që shton peshë në faqe. Megjithatë, komentet mund të jenë të dobishme për përcaktimin e seksioneve dhe për ruajtjen e strukturës dhe organizimit të kodit të faqes. Shënimi i fillimit dhe mbarimit të seksioneve të ndryshme mund të ndihmojë vërtet kur punoni në një projekt.
- Artikulli 1 i menysë
- Artikulli 2 i menysë
Kjo është përmbajtja kryesore.
... 2. Stilet e tabelave: , , dhe Për të bërë një dizajn të mirë të tabelës, duhet të përdorni etiketat e përmendura në nëntitull. Të gjitha ato ndikojnë në rreshtat e tabelave dhe ju lehtë mund të vendosni stile për to.
Artikulli |
Sasia |
Shuma |
7
|
#1
|
3
|
#2
|
4
|
Mbështillni rreshtat e tabelës
. Kështu formohet titulli i tabelës.
Mbështjellja e fijeve brenda
Ne formojmë rreshtat totale në fund të tabelës. Vargjet
duhet të përcaktohet para vijave
, kështu që rreshtat totale shfaqen para pjesës tjetër të rreshtave të tabelës.
Ne i mbështjellim linjat e të dhënave në .
Paragraf |
Sasia |
Shuma |
7 |
#1 |
3 |
#2 |
4 |
3.
Një listë rënëse është një mënyrë e shkëlqyeshme për të paraqitur të dhëna që përdoruesi të zgjedhë. Jo vetëm që zënë pak hapësirë, por janë gjithashtu të njohura për përdoruesit dhe të lehtë për t'u përdorur. Një pronë e mrekullueshme
është aftësia për të krijuar kategori (ose nëntituj) për artikujt e listës.
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
4. Titujt - ,,,,, dhe Sigurisht, të gjithë përdorin titujt. Por për të qenë i sinqertë, kur ishte hera e fundit që keni përdorur
apo një titull të nivelit edhe më të ulët? Titujt ju lejojnë të ndërtoni më pak struktura semantike, si p.sh. stile shtesë për tekstin
.
Nuk ka nevojë të krijoni punë shtesë për veten tuaj. Mbani mend etiketat e titullit.
5. dhe Të gjithë i pëlqejnë faqet që e bëjnë të lehtë gjetjen e informacionit që ju nevojitet midis artikujve të grupuar logjikisht.
Grupet formojnë elemente së bashku duke vizatuar një kornizë drejtkëndëshe rreth tyre. Është gjithashtu e mundur të shtoni një titull në një seksion të tillë duke përdorur
.
Informacione të përgjithshme: Emri: Email: Data e lindjes:
6.
Etiketë
nuk ndikon në stilin në asnjë mënyrë. Ndikon në funksionalitetin e faqes.
përdoret për të përcaktuar etiketën e elementit hyrës. Vetë etiketa percepton klikimet e miut, duke e bërë aktive fushën përkatëse të hyrjes. Kjo veti etikete funksionon për fushat e tekstit dhe butonat e radios.
Emri: Burri: Gruaja:
7.
Nëse keni nevojë t'i jepni një efekt dramatik ndonjë shprehjeje, mund ta përdorni
. Si parazgjedhje, një rresht bosh do të futet para dhe pas elementit. Do të shtohet gjithashtu dhëmbëzimi për të ndarë tekstin që përmban elementi nga pjesa tjetër e përmbajtjes.
Shembull i përdorimit të një etikete Shembull i përdorimit të një etikete
8.
Nuk mund të thuhet kështu
i referohet
, por ato zakonisht përdoren së bashku.
Mbani mend etiketën
, kur duhet të citoni dikë.
Një shembull i përdorimit të një etikete së bashku me një etiketë. Kjo ofertë është e përfshirë në etiketë. Një shembull i përdorimit të etiketës blockquote së bashku me etiketën cite. Kjo ofertë është e përfshirë në etiketë.
9.
Përdorimi i listave ofron mundësi të mëdha për organizimin e informacionit. Të gjithë e dinë për , por sa shpesh e përdorni
Dhe
? Ndoshta emri "lista e përkufizimeve" mund të ngatërrojë një zhvillues fillestar dhe ta bëjë atë të mendojë se një listë e tillë mund të përdoret vetëm për të futur përkufizime dhe kushte. Megjithatë, kjo situatë nuk korrespondon me realitetin.
Llojet e listave - Lista e pa renditur (ul)
- Lista e renditur (ol)
- Lista e përkufizimeve (dl)
Cfare po bejne ata - Lista e pa renditur (ul): lista me tregues me pika
- Lista e renditur (ol): një listë e numëruar
- Lista e përkufizimeve (dl): Lista me përkufizimet e elementeve
Arsyet për të përdorur listat - Stili i qëndrueshëm i përmbajtjes
- Thjesht krijoni
- I gjithanshëm
Mënyra se si çdo lloj liste shfaq informacionin është e ndryshme nga tjetra. Sigurisht që nuk ka nevojë të ndalemi Dhe
, por struktura e listës së përkufizimeve kërkon sqarime të mëtejshme.
Artikulli numër 1 i listës Përkufizimi për artikullin e listës #1 artikulli i listës #2 Përkufizimi për artikullin e listës #2
Në vend të përcaktimit të një elementi të listës ( -
), ne përdorim dy etiketa:
Dhe
.
përcakton çdo artikull në listë, dhe
përshkruan pikën e mësipërme. Më poshtë është lista sipas kodit të listës së definicionit të treguar më parë.
Artikulli numër 1 i listës Përkufizimi për artikullin e listës #1 artikulli i listës #2 Përkufizimi për artikullin e listës #2
10. "(dhe karaktere të tjera ASCII) Kur përdorni HTML, duhet të përdorni kodet ASCII kur duhet të futni një karakter. Ky rregull kërkon hapa shtesë, por siguron që të gjithë karakteret të shfaqen saktë në ekranin e përdoruesit dhe që shfletuesi të mos i perceptojë ato si pjesë e shënimit. A keni hasur ndonjëherë në ndonjë tekst që nuk shfaqet siç duhet? Në mënyrë tipike, teksti i problemit krijohet duke përdorur thonjëza, apostrofa, shenja më të mëdha se më pak, etj. Në fakt nuk ka shumë karaktere të tillë, dhe ia vlen të mbani mend kodet e tyre ASCII.
Artikujt më të mirë mbi këtë temë