Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ

Atributet HTML. Atributet HTML: llojet dhe përdorimet

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 faqes u trajtua në mësimin e dytë, dhe më i detajuar 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 atributet stil, klasë, id). Etiketa më e zakonshme, pasi teksti vendoset më shpesh në të (megjithëse është krijuar për këtë).

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 parametrin e stilit në etiketë:

Me këto vlera të ndryshme, ju mund të modifikoni pamjen e fontit. Ju mund të lexoni në lidhje me këto parametra në një mësim të veçantë: stilet në html dhe tipari i shkronjave css.

Ju gjithashtu mund të shkruani atributet CLASS dhe ID. Për shembull:

2. Etiketa HTML dhe(e guximshme)

DHE - dy etiketa për ta bërë fontin të trashë. Nuk ka asnjë ndryshim midis këtyre etiketave.

Le të japim një shembull. Kodi HTML:

miniaturë

Konvertuar në faqe në sa vijon:

miniaturë

Ju gjithashtu mund të regjistroni 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 italik (lejon parametrat e stilit, klasës, id)

Për shembull, kodi html:

teksti i pjerrët

Konvertuar në faqe në sa vijon:

4. Etiketa HTML (teksti i nënvizuar)

- font i nënvizuar (lejon stilin e parametrave, klasën, id)

Për shembull, kodi html:

teksti i nënvizuar

Konvertuar në faqe në sa vijon:

teksti i nënvizuar

5. Etiketa HTML (krijimi i një hiperlidhjeje)

Krijon një lidhje në faqe (pranon stilin, klasën dhe të tjera).

Për shembull, kodi html:

teksti i lidhjes

Konvertuar në faqe në sa vijon:

Të gjithë parametrat dhe atributet e etiketës do të diskutohet në një mësim të veçantë: etiketa html.

6. Etiketa HTML

(titujt në përmbajtje)

,...,
- etiketat e titullit brenda përmbajtjes (lejon stilin, klasën, parametrin id). Për më tepër, sa më i vogël të jetë numri, aq më shumë peshë dhe madhësi (si parazgjedhje) ka teksti i mbyllur në këto etiketa.

Për shembull, kodi html:

Titulli H1

Etiketë

përdoret për titullin e faqes (si dhe titullin)

Përdorni këto etiketa 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 shkak se etiketat

,...,
kanë një ndikim të madh në motorët e kërkimit. Nëse përdoret si duhet, shanset për të arritur në krye 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

Konvertuar në faqe në sa vijon:

Ky tekst do të jetë në qendër

shënim
  • - për tekstin
  • ...
    - për gjithçka (p.sh. imazh)

8. Etiketa HTML (nënshkrim)

- shfaq një font të nënshkrimit.

Për shembull, kodi html:

Teksti i thjeshtë, nënshkrim

Konvertuar në faqe në sa vijon:

Tekst i thjeshtë, tekst i nënshkrimit

9. Etiketa HTML (mbishkrim)

- shfaq një font mbishkrim.

Për shembull, kodi html:

Teksti i thjeshtë, mbishkrim

Konvertuar në faqe në sa vijon:

Tekst i thjeshtë, tekst mbishkrim

10. Etiketa HTML ,

, - shfaq fontin një piksel më shumë / më pak se madhësia aktuale (lejon stilin e parametrit, klasën, id).

Për shembull, kodi html:

Font i rregullt, ky font është një piksel më i madh

Konvertuar në faqe në sa vijon:

Font i rregullt, ky font është një piksel më i madh

11. Etiketa HTML
    (krijimi i listave)

Listat (pranon stilin, klasën, parametrat id). Çdo element i ri regjistrohet ndërmjet

  • dhe
  • .

    Për shembull, kodi html:

    Listë:
    • elementi i parë i listës
    • elementi i dytë i listës

    Konvertuar në faqe në sa vijon:

    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 me etiketa dhe kolona .

    Për shembull, kodi html:

    1-rresht 1 elementElementi 1-rresht 2
    Element 2-rresht 1Elementi 2-rresht 2

    Konvertuar në faqe në sa vijon:

    Të gjitha tiparet e etiketës

    13. Etiketa HTML
    (ndërprerja e rreshtit)


    - shkoni në rreshtin tjetër, është një etiketë e vetme.

    Për shembull, kodi html:

    Rreshti 1
    me 2 rreshta
    me 3 rreshta Dhe ky tekst do të jetë në rreshtin e 3-të, pasi nuk ka pasur asnjë tranzicion

    Konvertuar në faqe në sa vijon:

    1-varg
    me 2 rreshta
    3-rresht Dhe ky tekst do të jetë në rreshtin e 3-të, pasi nuk ka pasur tranzicion

    14. Etiketa HTML
    (vije horizontale)


    - vizaton një vijë, është një etiketë e vetme (lejon stilin, parametrin e klasës).

    Për shembull, kodi html:

    Disa tekst mbi rreshtin
    Dhe ky tekst tashmë do të jetë nën rresht

    Konvertuar në faqe në sa vijon:

    Disa tekst mbi rreshtin Dhe ky tekst do të jetë tashmë nën rresht

    15. Etiketa HTML (dalja e imazhit)

    Për shembull, kodi html:

    http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

    Konvertuar në faqe në sa vijon:

    Të gjitha tiparet e etiketës do të diskutohet në një mësim të veçantë:.

    16. Etiketa HTML (formatimi i tekstit)

    - për formatimin e tekstit, ndryshimin e stilit, 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 px.

    Konvertuar në faqe në sa vijon:

    shënim

    Një etiketë e ngjashme është.

    17. Etiketa HTML
    (krijimi i formës)

    - krijimi i një forme në faqe (lejon stilin, parametrin e klasës).

    Për shembull, futja e një emri përdoruesi dhe fjalëkalimi, çdo buton, çdo formular regjistrimi - të gjitha këto janë forma.

    18. Etiketa HTML
    (krijimi i blloqeve)

    - shërben për të krijuar blloqe në faqe (lejon stilin, parametrin e klasës). Më parë, tabelat përdoreshin kryesisht për paraqitjen e faqeve. Pasi të shfaqet etiketa
    detyra është thjeshtuar. Pothuajse të gjitha faqet përmbajnë
    blloqe si një alternativë e përshtatshme për tavolinat.

    Etiketat dhe atributet:

    Ekzistojnë dy lloje të etiketave HTML - etiketat kontejner dhe të vetme, të cilat janë gjithmonë të mbyllura në kllapa këndore<...>.

    Etiketat e kontejnerëve përbëhen nga një çift - etiketa hapëse dhe mbyllëse<...>...... Para emrit të etiketës fundore duhet të përdoret një prerje përpara (slash) "/". Në etiketën mbyllëse, nuk keni nevojë të shkruani atributet e pranishme në etiketën hapëse!

    Etiketat e vetme janë më pak të zakonshme dhe përbëhen vetëm nga një etiketë hapëse. Shembull:
    .

    Një etiketë mund të ketë atribute dhe vlera atribute. Shembull: <тег имя_атрибута_1="значение" имя_атрибута_2="значение">... ... Atributet i shtohen një etikete për të zgjeruar ose modifikuar veprimet e tij.

    Etiketat dhe atributet

    "_blank" - do të hapë dokumentin në një dritare të re.
    "_parent" - do të hapë dokumentin në kornizën prind. Nëse jo, do të hapet në dritaren aktuale.
    "_top" - anulon të gjitha kornizat dhe ngarkon faqen në dritaren e plotë të shfletuesit, nëse nuk ka korniza, e hap atë në dritaren aktuale.
    "_self" - do të hapet në dritaren aktuale (e parazgjedhur për lidhjet).

    Etiketë: [single]

    Meta informacion. Shërben kryesisht për robotët e kërkimit. Atributet dhe vlerat:

    Përshkrimi i dokumentit.
    Fjalë kyçe.
    Menaxhimi i procesit të indeksimit. Opsionet e mundshme:

    "indeks" - aftësia për të indeksuar këtë dokument. Përkundrazi - "noindex"
    "follow" - aftësia për të indeksuar të gjitha dokumentet që janë referuar në këtë skedar HTML. Përkundrazi - "nofollow"
    "të gjitha" është një kusht i njëkohshëm i dy të mësipërmeve.
    "asnjë" - një gjendje e njëkohshme e dy të parave. Anasjelltas.

    Kodimi i dokumentit.
    Tregon që dokumenti duhet të ringarkohet pas 30 sekondash.

    Etiketë: - Fletë stili globale. Shkruar në etiketë .
    3] shembull- Tabela e stileve të brendshme. Është regjistruar në etiketë.

    Etiketë:

    [enë]

    Krijon një tabelë. Etiketat e nevojshme:

    ... Shembull:

    ,




    Shembull

    Atributet e mundshme të etiketës:

    Përcakton trashësinë e kornizës. 0 deri...
    Vendos ngjyrën e kufirit.
    Distanca midis qelizave të tabelës. 0 deri...
    Distanca midis përmbajtjes së qelizës dhe kufirit të saj. 0 deri...
    Gjerësia e tabelës. 0 deri...
    Lartësia e tavolinës. 0 deri...

    Etiketë:

    [enë]

    Krijon një rresht në një tabelë. Atributet e vlefshme:

    Vendos shtrirjen horizontale të qelizave në tabelë. Vlerat e vlefshme:

    "majtas" - shtrirje majtas.
    "qendër" - shtrirje qendrore.
    "e drejtë" - shtrirje e drejtë.
    "justifikoj" - shtrirje e testit në të gjithë linjën.

    Vendos shtrirjen vertikale të qelizave në tabelë. Vlerat e vlefshme:

    "lart" - shtrirje lart.
    "mesi" - shtrirja qendrore.
    "fund" - shtrirje në skajin e poshtëm.

    Vendos ngjyrën e sfondit.

    Etiketë:

    [enë]

    Krijon një qelizë në një tabelë. Atributet e vlefshme: , , , , ...

    Përcakton numrin e kolonave që kombinohen në një qelizë. Nga 1 në...
    Tregon numrin e rreshtave që kombinohen në një qelizë. Nga 1 në...

    Etiketë:

    [enë]

    Përcakton titullin e tabelës. Një qelizë normale me tekst të theksuar në qendër.

    Etiketë:

    [enë]

    Krijon një paragraf të ri. Me të ndeshur këtë etiketë, shfletuesi vazhdon tekstin në një rresht të ri.
    Atributet e mundshme: .

    Etiketë: [enë]

    Vendos titullin.

    ...

    - titulli më i madh.
    ...
    - titulli më i vogël.
    Atributet e mundshme: .

    Etiketë:
    [single]

    Mbështjell tekstin në një rresht të ri.

    Etiketë: [single]

    Çaktivizon furnizimin e linjës.

    Etiketë: [enë]

    Krijon tekst të theksuar. shembull .

    Etiketë: [enë]

    Krijon tekst të nënvizuar. shembull .

    Etiketë: [enë]

    Krijon tekst të pjerrët. shembull .

    Etiketë: [enë]

    shembull .

    Etiketë: [enë]

    Krijon tekst që simulon stilin e një makinë shkrimi. shembull .

    Etiketë: [enë]

    Teksti i pjerrët (i perceptuar nga robotët e kërkimit si një përzgjedhje).

    Etiketë: [enë]

    Tekst i trashë (i perceptuar nga robotët e kërkimit si një përzgjedhje veçanërisht e fortë).

    Etiketë:


    [single]

    Shton një vijë horizontale në dokumentin HTML. Atributet e mundshme:


    Krijon një linjë pa hije.

    Vendos lartësinë (trashësinë) e vijës.

    Vendos gjerësinë e vijës.

    Vendos shtrirjen horizontale në tabelë.

    Vendos linjat në një ngjyrë specifike.

    Etiketë: [enë]

    Vendos nënshkrimin në tekst. Shembull: H 2 O.

    Etiketë: [enë]

    Vendos mbishkrimin në tekst. Shembull c 2 = a 2 + b 2.

    Etiketë: [enë]

    Përdoret për të formatuar tekstin. Nuk funksionon pa atribute. Atributet e mundshme:

    Tregon një font.
    Përcakton madhësinë e tekstit. 1 deri në 7.
    Vendos tekstin në një ngjyrë specifike.

    Etiketë: [enë]

    Tregon rrugën për në një faqe tjetër.
    Përcakton se në cilën dritare do të hapet hiperlidhja.
    Shfaqet një këshillë veglash kur rri pezull mbi një lidhje.
    Hap një program poste me EMAIL të specifikuar.
    Shënon një pjesë të tekstit si etiketë për hiperlidhjet në një faqe. Shërben si spirancë.
    Përcakton rrugën drejt spirancës.

    HTML është një gjuhë e shënjimit të hipertekstit. Ai bazohet në të ashtuquajturat etiketa. Etiketat janë një lloj elementi mbështjellës që përcaktojnë formatin dhe vetitë e elementeve në një faqe interneti. Në një faqe, ne kemi bashkuar një referencë të përditësuar të etiketave HTML për ju.

    Gjithsej ka mbi njëqind elementë shënjimi. Secili ka një numër atributesh dhe sintaksën e vet. Referenca e etiketës HTML ju ndihmon të gjeni shpejt elementin që dëshironi.

    Lista e etiketave HTML

    Më poshtë në tabelë është një listë e etiketave HTML5 me një përshkrim të shkurtër në Rusisht.

    Etiketë Përshkrim i shkurtër
    Një koment.
    Përcakton llojin e dokumentit.
    Lidhje, hiperlidhje, spirancë.
    Përkufizon tekstin si shkurtim.
    Informacioni i kontaktit për autorin ose pronarin e dokumentit.
    Përcakton një zonë në një hartë imazhi
    Neni
    Përmbajtja mënjanë (përmbajtja nuk është kryesore në faqe sipas kuptimit)
    Ju lejon të futni një skedar audio të luajtshëm.
    Tekst i trashë.
    Përcakton URL-në bazë ose atributin e synuar për lidhjet relative në dokument.
    Një zonë ku shkrimi i tekstit mund të marrë një drejtim tjetër.
    Përcakton drejtimin e shkrimit të tekstit. Ndryshe nga drejtimi tregon drejtimin fizik
    Citim.
    Tregon rajonin e trupit të dokumentit.

    Prishja e linjës.
    Butoni i klikueshëm
    Përdoret për vizatimin e grafikave duke përdorur skriptet
    Nënshkrimi i tabelës.
    Një fusnotë për emrin e materialit.
    Përdoret për të futur kodin kompjuterik në formë teksti.
    Përcakton karakteristikat e kolonave në tabelë.
    Përcakton një grup prej një ose më shumë kolonave të tabelës për t'u formatuar.
    Përdoret për të përcaktuar zgjedhjet e paracaktuara kur shkruani në një kuti teksti
    Përcakton një përshkrim të një termi nga një etiketë
    në listën e termave
    Teksti që është hequr në një version më të ri të dokumentit.
    Përcakton informacion shtesë që përdoruesi mund të shikojë ose fshehë
    Tregon që përmbajtja është një term.
    Përcakton një kuti dialogu ose element ndërveprues
    Elementi i bllokut është një nga elementët kryesorë të paraqitjes.
    Përcakton një listë përkufizimesh
    Emri i termit në listën e përkufizimeve
    tekst i theksuar (zakonisht tekst i pjerrët).
    Enë për aplikim të jashtëm
    Një grup artikujsh të lidhur në një formë
    Titulli për
    element
    Përcakton një grup autonom prej disa elementësh (për shembull, një foto me një titull)
    fundi i faqes
    Përcakton formën e hyrjes së përdoruesit

    -

    Nivele të ndryshme të titujve HTML:

    ,

    ,

    ,

    ,

    ,
    .
    Tregon zonën e kokës së dokumentit.
    Blloku i titullit

    Vija horizontale është një ndarës tematik.
    Elementi rrënjë. I tregon shfletuesit se dokumenti i dhënë është një dokument HTML.
    Kursizon tekstin.