Jeste li bloger? Tada ćete imati koristi od saznanja nekog HTML koda

Zbunjen oko HTML kod? Ti nisi jedini.


Priznat ću. Kad sam počeo pisati za web, znao sam o zilch-u HTML kod. I to ću još jednom priznati. Još uvijek ne znam puno.

Međutim, otkrio sam da malo znanja o HTML-u može znatno olakšati stvari prilikom pisanja na webu.

naučiti hiper jezik za označavanje teksta

Naravno, ne znam kako napraviti web stranicu, ali znam kako prilagoditi male komponente i kada se suočim sa sustavom za uređivanje koji zahtijeva HTML kôd – koji ćete vjerojatno pokrenuti i preko – znam dovoljno da pravilno oblikujem moj tekst.

Želite li ukloniti tu zbrku i naučiti malo o HTML kodiranju? Započnimo.

Što je HTML Code?

Vidjeli ste to uokolo, ali vjerojatno ne znate što sve to znači HTML besmislica.

Zalaže se Jezik za označavanje hiperteksta. HTML je standardizirani sustav koji se koristi za oblikovanje dokumenata. Korišteni kodovi – nazivi označnih oznaka – mogu oblikovati font, veličinu teksta, boju, hiperveze, odlomke i još mnogo toga.

Web-preglednici čitaju HTML i upotrebljavaju oznake da bi odredili kako prikazati sadržaj. Primjer oznake je ona koja stvara podebljani tekst, koji izgleda ovako:

Ovo je podebljani tekst.

Na stranici to izgleda ovako:

Ovo je podebljani tekst.

Tijekom godina bilo je mnogo verzija HTML-a, ali od listopada 2014. HTML5 je standardizirani označni jezik na webu.

Zašto su blogeri dobro znati

Iako ćete možda moći doći bez poznavanja HTML-a kao bloggera i ako umjesto toga učinite malo varanja – poput korištenja programa koji pretvara vaše oblikovanje u HTML jezik – poznavanje par osnovnih oznaka može vam zaista pomoći dok blogirate.

Evo nekoliko situacija u kojima sam se osobno smatrao korisnim:

  • Kada gostuje blog, neke web stranice žele da vaš autorski bio napisan u HTML formatu. Uz malo znanja, po potrebi ćete moći dodavati veze i kurzive.
  •  Kad nešto izgleda, možete pogledati HTML na stranici i vidjeti što uzrokuje problem.
  •  U mrežnom umrežavanju, možete koristiti HTML oznake za oblikovanje komentara na blogu i komentara na forumima.
  •  Ako naučite dovoljno o HTML-u, možete početi učiti malo o CSS-u i izvršiti manje podešavanja na vašoj web stranici bez zapošljavanja dizajnera.

Uobičajeni kodeksi koji koriste blogeri

Prije nego što skočimo pregloboko, znajte da su HTML oznake ključne riječi u zagradama. Te se oznake pojavljuju u parovima, a na njih će utjecati tekst između početne oznake i završne oznake. Završna oznaka napisana je isto kao i početna oznaka, ali koristi se kosa crta prije naziva oznake.

Zvuči zbunjujuće? Lakše je ako dam nekoliko primjera. Pogledajmo neke od uobičajenih HTML oznaka koje biste trebali znati kao bloggera.

Skeletne oznake

Prvo dolaze skeletne oznake. To su oni koje nećete nužno koristiti, ali pomažu vam da ih znate. Te oznake su temelj dokumenta, odatle i pojam “skeletne oznake”. Čitaće ih web stranica, ali neće biti prevedene u vizualne elemente.

Unatoč tome, dobro je znati. Na primjer, jeste li ikada radili s programom koji od vas traži da zalijepite kôd u odjeljak “glava” vaše web lokacije? To ćete moći pronaći uz malo znanja o HTML-u. Dakle, evo nekoliko skeletnih oznaka koje biste trebali znati:

  • : Ovaj odjeljak opisuje HTML dokument.
  •   : Ovaj odjeljak sadrži podatke o dokumentu.
  •   : To osigurava naslov dokumenta.
  •   : Ovo opisuje elemente vizualne stranice. U tijelu je stranice na kojem će blogeri često vršiti podešavanja HTML-a po potrebi. Ostatak navedenih oznaka nalazi se u tijelu dokumenta.
  •  

    : Ova oznaka opisuje odlomak.

Imajte na umu da je tekst vaše stranice uvezan u početne i završne oznake. Evo primjera:

Ovo je tekst stavka.

Oznake naslova

Oznake naslova koriste se za prikaz hijerarhije dokumenta. Vjerojatno već koristite naslove u oblikovanju bloga, ali razlika između naslova 1-6 znači više od veličine teksta i težine slova. Također prenose osjećaj hijerarhije web preglednicima i botovima na tražilicama.

Naslov 1 trebao bi se koristiti za glavni naslov dokumenta, poput naslova vašeg bloga. Naslov 2 trebao bi biti sekundarni podaci, poput vaših primarnih podglavlja. Upotrijebite zaglavlje 3 za podpoglavlja i tako dalje kroz naslov 6. Te oznake izgledaju ovako:

Evo primjera kako se prevodi:

Ovo je naslov 5

Ovo je naslov 5

Oznake tekstualnog teksta

Umetnuti tekstualne oznake su one koje ćete koristiti za oblikovanje teksta poput oznaka na razini bloka

i

. Evo primjera onoga što uobičajeno koristite.
  • : Ovo definira naglašeni tekst, koji većina preglednika označava kurzivom.
  •   : To definira snažno naglašeni tekst koji je većina preglednika podebljana.
  •   : Ovo je citat.
  •   : To pokazuje izbrisani tekst, što se često ovako prevodi kao štrajk.

Oznake popisa

Kao što ste primijetili, koristio sam nekoliko popisa metaka u ovom postu na blogu. Ali kako sam to učinio? Evo oznaka koje morate znati:

  • : Ovo definira element popisa.
  •  
      : Ova se oznaka kreće oko neuređenog popisa, koji će se prikazati u obliku točaka sa metkom.
    •  
        : Ova se oznaka kreće oko naručene liste, koja će biti prikazana kao brojevi.

    Evo primjera kako bi izgledao HTML kod za naručeni popis:

    1. Popis stavka 1
    2. Popis stavka 2
    3. Popis stavka 3

    Evo kako se prikazuje na stranici:

    1. Popis stavka 1
    2.  Popis stavka 2
    3.  Popis stavka 3

    Oznake slika i veze

    Prije nego što se odvojimo, pogledajmo kratki umetanje slika i veza. Možda je jednostavnije pregledati kôd i zatim ispuniti svoje podatke kada upotrebljavate oznake:

    Veza

    VAŠ TEKST Sidra

    Ne uklanjajte navodnike oko URL-a. Jednostavno umetnite svoj URL između navodnika. Tekst vašeg sidra je tekst koji se prikazuje na stranici.

    Pogledajmo primjer. Ako se želim povezati s prethodnim člankom o Kraljevstvu hostinga, kod bi izgledao ovako:

    Trebate li registrirati domenu putem svog web-domaćina?

    Veza će se na stranici prikazati ovako:

    Trebate li registrirati domenu putem svog web-domaćina?

    Slika

    Kod za sliku izgleda ovako:

    Imajte na umu da je ovo oznaka koja nije spremnik, tako da nema krajnju oznaku, ali treba vam atribut src. Ovoj oznaci možete dodati dodatke, poput alternativnog teksta ili definicije veličine. To bi izgledalo ovako:

    ”YOUR

    Ponovno, budite sigurni da ne uklanjate navodnike.

    Bilješka: Možda ćete vidjeti različite kodove koji se mogu koristiti za istu stvar. Na primjer, vidio sam , , i oznake za podebljani tekst, iako se u različitim preglednicima mogu prikazati različito.

    HTML ne mora biti zbunjujući koliko izgleda. Da biste prakticirali HTML i stekli bolji osjećaj za to, koristite interaktivne stranice poput Akademija kodova, i javite nam kako to ide u odjeljku za komentare.

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