Kas olete ajaveeb? Siis on teile kasulik teada mõnda HTML-koodi

Segaduses HTML-kood? Sa pole ainus.


Ma tunnistan seda. Kui ma veebiks kirjutama hakkasin, teadsin ma zilchit HTML-kood. Ja ma tunnistan seda uuesti. Ma ei tea ikka veel palju.

Olen siiski avastanud, et pisut HTML-i teadmised võivad veebi kirjutamise ajal palju asju lihtsamaks muuta.

õppida hüperteksti märgistuskeelt

Muidugi, ma ei tea, kuidas veebisaiti üles ehitada, aga ma tean, kuidas näpistada väikseid komponente, ja kui olen silmitsi redigeerimissüsteemiga, mis nõuab HTML-koodi – mida saate ka tõenäoliselt läbi käia -, siis tean minu teksti korrektseks vormindamiseks piisavalt.

Kas soovite selle segaduse kõrvaldada ja õppida natuke HTML-i kodeerimise kohta? Alustame.

Mis on HTML-kood?

Olete seda ümberringi näinud, kuid tõenäoliselt ei tea te seda kõike, mida see HTML-i hiilgus tähendab.

See tähistab Hüperteksti märgistuskeel. HTML on standardiseeritud süsteem, mida kasutatakse dokumentide vormindamiseks. Kasutatavad koodid, mida nimetatakse märgistussiltideks, saavad vormindada fonti, teksti suurust, värvi, hüperlinke, lõike ja palju muud.

Veebibrauserid loevad HTML-i ja kasutavad sisu kuvamise määramiseks silte. Sildi näide on see, mis loob rasvases kirjas teksti, mis näeb välja järgmine:

See on rasvases kirjas.

Lehel näeb see välja järgmine:

See on rasvases kirjas.

Läbi aastate on HTML-i versioone olnud palju, kuid alates 2014. aasta oktoobrist on HTML5 veebi standardiseeritud märgistuskeel.

Miks on blogijatel hea teada

Ehkki võite sellest pääseda, tundmata blogijana ühtegi HTML-i ja selle asemel natuke petmist – näiteks kasutades programmi, mis teisendab teie vormingu HTML-i keelde -, võib mõne põhisildi tundmine tõesti ajaveebi pidades aidata..

Siin on mõned olukorrad, kus minu arvates on see isiklikult kasulik:

  • Külaliste ajaveebide pidamisel soovivad mõned saidid, et teie autori biograafia oleks kirjutatud biograafiasse. Pisut teadmisega saate vajadusel linke ja kaldkirja lisada.
  •  Kui miski paistab silma, võite vaadata lehe HTML-i ja vaadata, mis probleemi põhjustab.
  •  Veebivõrkudes saate ajaveebi postituste ja foorumikommentaaride vormindamiseks kasutada HTML-silte.
  •  Kui õpite HTML-i kohta piisavalt, võite hakata natuke õppima CSS-i ja teha oma veebisaidile väikseid muudatusi ilma disainerit palkamata..

Levinumad koodid Blogijate kasutamine

Enne kui liigume liiga sügavale, teadke, et HTML-märgendid on nurksulgudes olevad märksõnad. Need sildid on paaris ja stardimärgise ja lõppsildi vaheline tekst on see, mida see mõjutab. Lõppsilt kirjutatakse samamoodi nagu algussilt, kuid sildi nime ees kasutatakse kaldkriipsu.

Heli segane? Lihtsam on, kui toon paar näidet. Vaatame mõnda levinumat HTML-i silti, mida peaksite blogijana tundma.

Skeleti sildid

Kõigepealt tulevad skeleti sildid. Neid te ei kasuta tingimata, kuid see aitab neid tundma õppida. Need sildid loovad dokumendi aluse, sellest ka mõiste “skeleti sildid”. Neid loeb veebileht, kuid neid ei tõlgita visuaalseteks elementideks.

Isegi nii on hea teada. Näiteks kas olete kunagi töötanud koos programmiga, mis palub teil koodi kleepida oma veebisaidi jaotisse „pea”? Selle leiate natuke HTML-i tundmise abil. Nii et siin on mõned skeleti sildid, mida peaksite teadma:

  • : Selles jaotises kirjeldatakse HTML-dokumenti.
  •   : See jaotis sisaldab teavet dokumendi kohta.
  •   : See annab dokumendi pealkirja.
  •   : See kirjeldab visuaalseid elemente. Just lehe põhiosas teevad blogijad vajadusel HTML-i parandusi. Ülejäänud nimetatud sildid asuvad dokumendi kehas.
  •  

    : See silt kirjeldab lõiku.

Pidage meeles, et teie lehe tekst on sisestatud algus- ja lõppumärgenditesse. Siin on näide:

See on lõike tekst.

Rubriigi sildid

Pealkirjade silte kasutatakse dokumentide hierarhia kuvamiseks. Tõenäoliselt kasutate juba oma ajaveebi vormingus pealkirju, kuid pealkirjade 1-6 erinevus tähendab enamat kui lihtsalt teksti suurust ja fondi kaalu. Samuti edastavad nad veebibrauseritele ja otsimootorite robotitele hierarhia taju.

Pealkirja 1, nagu teie ajaveebi postituse pealkiri, tuleks kasutada pealkirja 1 jaoks. 2. pealkiri peaks olema sekundaarne teave, näiteks peamised alapeatükid. Kasutage alamrubriikide pealkirja 3. ja nii edasi kogu 6. jaotises. Need sildid näevad välja järgmised:

Siin on näide selle tõlkimise kohta:

See on rubriik 5

See on rubriik 5

Tekstilised sildid

Sidusad tekstimärgendid on need, mida kasutate teksti vormindamiseks ploki tasemel siltidesse, nt

ja

. Siin on näiteid selle kohta, mida tavaliselt kasutate.
  • : See määratleb rõhutatud teksti, mis enamikul brauseritel on kaldkirjas.
  •   : See määratleb tugevalt rõhutatud teksti, mis enamikul brauseritel on paksus kirjas.
  •   : See vormindab pakkumise.
  •   : See näitab kustutatud teksti, mis tõlgitakse sageli niimoodi läbi kriipsutatud tekstina.

Loendite sildid

Nagu olete märganud, olen kogu selle ajaveebi postituse jooksul kasutanud mitmeid täppide loendeid. Aga kuidas ma seda tegin? Siin on sildid, mida peate teadma:

  • : See määratleb loendielemendi.
  •  
      : See silt läheb ümber järjestamata loendi, mis kuvatakse täppidena.
    •  
        : See silt läheb ümber tellitud loendisse, mida kuvatakse numbrina.

    Siin on näide tellitud loendi HTML-koodi väljanägemisest:

    1. Loendiüksus 1
    2. Loendiüksus 2
    3. Loendiüksus 3

    See kuvatakse lehel järgmiselt:

    1. Loendiüksus 1
    2.  Loendiüksus 2
    3.  Loendiüksus 3

    Kujutise ja lingi sildid

    Enne lahkumist vaatame lähemalt, kuidas pilte ja linke sisestada. Võib-olla on lihtsam siltide kasutamisel lihtsalt koodi vaadata ja seejärel oma andmed täita:

    Link

    OMA ANKURI TEKST

    Ärge eemaldage jutumärke teie URL-i küljest. Sisestage oma URL lihtsalt jutumärkide vahele. Teie ankurtekst on tekst, mida kuvatakse lehel.

    Vaatame näidet. Kui tahaksin linkida eelmise hostimisriigi artikliga, näeks kood välja järgmine:

    Kas peaksite domeeni registreerima oma veebi kaudu?

    Sellel lehel kuvatakse link nii:

    Kas peaksite domeeni registreerima oma veebi kaudu?

    Pilt

    Kujutise kood näeb välja selline:

    Pange tähele, et see pole konteineriga silt, nii et sellel pole lõppsilti, kuid vajate atribuuti src. Sellele sildile saate lisada lisad, näiteks alternatiivteksti või suuruse määratluse. See näeks välja selline:

    ”YOUR

    Jällegi veenduge, et te ei eemaldaks jutumärke.

    Märge: Võite näha erinevaid koode, mida saab sama asja jaoks kasutada. Näiteks olen näinud , , ja sildid, mida kasutatakse teksti paksus kirjas, kuigi need võivad erinevates brauserites erinevalt kuvada.

    HTML ei pea olema nii segane kui see välja näeb. HTML-i harjutamiseks ja selle paremaks tundmiseks kasutage interaktiivseid saite nagu Koodiakadeemia, ja andke meile kommentaaride jaotises teada, kuidas see läheb.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map