Osnovni HTML vodič za lutke

Nalazite se:

Ovaj se vodič sastoji od sljedećih tema –


    Prije dvadeset godina, čak i ako ste samo bloger iz hobija, morali ste znati neko web kodiranje da biste se zaštitili ili dodali jednostavnu funkciju svom mjestu. Ali sada je na raspolaganju toliko uređivača i dodataka da ni poznavanje osnova HTML-a više nije potrebno za izradu web mjesta ili vođenja bloga.

    Problem s tim je što ako ne znate nekoliko osnova, lako možete upasti u stvarne probleme na svom blogu i morati zaposliti skupog programera da riješi ono što može biti manji problem. I ne samo to, već i stvaranje izmjena na vašem blogu, poput dodavanja prilagođenog tekstualnog widgeta, zahtijeva malo znanja.

    A ako vam se čini da izgled sadržaja ne izgleda ispravno, znanje HTML-a može vas vratiti na pravi put.

    Evo nekoliko naših verzija HTML vodiča za blogere i ne-tehnološke vlasnike mrežnih tvrtki.

    HTML je okosnica današnjeg interneta. Milijuni web stranica zajedno formirali su internet. Gdje je HTML sastavni dio svih ovih web stranica.

    Q početnika&

    1- Što je HTML?

    HTML je kratica od Hyper Text Markup Language. To je standardni jezik za označavanje sadržaja za web-preglednike.

    HTML je predstavljen “Elementi”. Elementi su također poznati i kao “oznake”.

    2- Zašto je potreban HTML?

    Web-preglednici mogu donijeti prikaz web stranice samo ako je napisana na njihovom podržanom jeziku. HTML je najčešći označni jezik i najviše prihvaća web-preglednike.

    Zato vam treba HTML.

    3- Osjetljiv je HTML?

    HTML ne razlikuje velika i mala slova. Ali najbolja praksa je pisati HTML s odgovarajućim slučajevima.

    Koraci za stvaranje prve HTML datoteke

    Osnovnu HTML datoteku možete stvoriti pomoću bilježnice na računalu. Ali, biti će bolno pisati mnogo redaka koda.

    Treba vam uređivač koda. Dobar uređivač koda olakšat će pisanje i organiziranje velikih kodova.

    Za pisanje web jezika koristim i preporučujem Notepad ++ (besplatan i s otvorenim kodom). Postoje i drugi uređivači koje možete koristiti kao Sublime Text, Atom itd.

    Evo što trebate učiniti:

    1. Instalirajte uređivač koda
    2. Otvori
    3. Stvorite novu datoteku
    4. Spremite ga kao .html datoteku

    Spremni ste za polazak!

    1- Pozdrav svijetu!

    Kopirajte i zalijepite sljedeći kôd u svoju novu HTML datoteku i spremite je. Sada je pokrenite na svom web pregledniku.

    Kodirati:

    Moja prva web stranica

    Pozdrav svijete!

    Izlaz:

    Čestitamo! Stvorili ste svoju prvu HTML datoteku. Ne morate to shvatiti u ovom trenutku. Uskoro ćemo to pokriti.

    Razumijevanje HTML strukture

    Svaka HTML datoteka ima zajedničku golu strukturu. Ovdje počinje sve. I svaka velika stranica kodova doći će do ove strukture nakon što se smanji.

    Pa pokušajmo to razumjeti iz “Pozdrav svijetu!” kodirati. Sljedeći elementi su obavezni dijelovi za svaku HTML datoteku.

    • = Pregledniku je izjava da je ovo HTML datoteka. Morate ga navesti prije oznake.
    • = Ovo je korijenski element HTML datoteke. Sve što napišete ide između i .
    • = Ovo je metainformacijski dio preglednika. Kodovi unutar ove oznake nemaju vizualni izlaz.
    • = Ovo je dio koji web preglednik prikazuje. Ono što točno vidite na web mjestu je prikazivanje kodova između i .

    2- HTML oznake

    HTML je suradnja stotina različitih oznaka. Morate naučiti kako oni rade. Također se morate pobrinuti da su ih koristili na pravi način.

    HTML oznake obično imaju početnu i završnu oznaku. Uvodna oznaka ima ključnu riječ okruženu s manje od (<) i veći od (>) znak. Završna oznaka ima sve isto, ali dodatnu kosinu naprijed (/) nakon manje od (<) znak.

    (2a) Oznake glave

    Sve oznake za glavu idu između i. Sadrže meta informacije za web preglednik i tražilice. U osnovi nemaju vizualni izlaz.

    Naslovna oznaka definira naslov web stranice koji je vidljiv na kartici preglednika. Te informacije koriste web programi i tražilice. Možete imati najviše jedan naslov po HTML datoteci.

    Kodirati:

    Moja prva web stranicaNaslovna oznaka pojavljuje se na vrhu preglednika.

    Oznaka veze povezuje vašu HTML stranicu s vanjskim resursima. Njegova glavna upotreba je povezivanje HTML stranice s CSS tablicama. Oznaka se samo zatvara i ne treba joj završetak. Ovdje rela označava vezu s datotekom, a src znači izvor.

    Kodirati:

    Meta je još jedna samozaključna oznaka koja pruža meta informacije o html datoteci. Tražilice i ostale web usluge koriste ove podatke. Metaoznake su obavezne ako želite optimizirati svoju stranicu za tražilice.

    Kodirati:

    Oznaka skripte koristi se za uključivanje skripte na strani poslužitelja ili za uspostavljanje veze s vanjskom datotekom skripte. U početnoj oznaci može imati dva atributa. Jedno je vrsta, a drugo je izvor (src).

    Kodirati:

    Oznaka Noscript djeluje kada su skripte onemogućene u web-pregledniku. To čini stranicu kompatibilnom za one koji ne dopuštaju skripte u svojim web preglednicima.

    Kodirati:

    Jao! Skripte su onemogućene.

    (2b) Oznake tijela

    Sve oznake tijela idu između i. Imaju vizualne izlaze. Tu se radi najviše posla. Te oznake morate koristiti za strukturiranje sadržaja glavne stranice.

    do

    To su oznake naslova. Najvažniji je naslov označen

    a najmanje je važno sa
    . Trebali biste ih koristiti u ispravnoj hijerarhiji.

    Kodirati:

    Ovo je naslov h1

    Ovo je naslov h2

    Ovo je h3 naslov

    Ovo je h4 naslov

    Ovo je h5 naslov
    Ovo je naslov h6

    Izlaz:

    Formatiranje oznaka

    Tekst u html datoteci može se formatirati pomoću mnogih oznaka za oblikovanje. Bit će potrebno kada želite istaknuti riječ ili liniju iz svog sadržaja.

    Kodirati:

    Svoj tekst možete istaknuti na više načina.

    Možeš odvažan, naglasiti, kurziv, marka, podpis, nadpis i još mnogo toga!

    Izlaz:

    Neke kodove možete odstupiti od vraćanja pomoću oznake komentara. Kôd će se prikazati u izvornom kodu, ali neće biti prikazan. Glavna upotreba ove oznake je za izradu dokumentacije html datoteka za buduću referencu.

    Primjer:

    Jeffrey Wilson Administrator

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