Potrebna orodja
Za podrobnejši opis poravnave v HTML -ju moramo omeniti nekaj potrebnih orodij, potrebnih za zagon kode HTML. Eden je urejevalnik besedil, drugi pa brskalnik. Urejevalnik besedil je morda beležnica, vzvišena, beležnica ++ ali katera koli druga, ki bi lahko pomagala. V tem priročniku smo uporabili beležnico, privzeto aplikacijo v oknih in Google Chrome kot brskalnik.
HTML format
Za razumevanje poravnave moramo najprej imeti nekaj znanja o osnovah HTML. Predstavili smo posnetek zaslona vzorčne kode.
< html >
< glavo >...</ glavo >
< telo >….</ telo >
</ html >
HTML ima dva glavna dela. Eno je glava, drugo pa telo. Vse oznake so napisane v oglatih oklepajih. Poglavje obravnava poimenovanje strani html z oznako naslova. Uporabite tudi izjavo o slogu v glavi. Po drugi strani pa telo obravnava vse druge oznake besedila, slik ali video posnetkov itd. Z drugimi besedami, karkoli želite dodati html strani, je zapisano v delu telesa html.
Tukaj moram poudariti eno odpiranje in zapiranje oznak. Vsaka napisana oznaka mora biti zaprta. Na primer, HTML ima začetno oznako in končna oznaka je. Tako je opaziti, da ima zaključna oznaka poševnico, ki ji sledi ime oznake. Podobno imajo vse druge oznake enak pristop. Vsak urejevalnik besedil se nato shrani z razširitvijo html. Na primer, uporabili smo datoteko z imenom example.html. Nato boste videli, da se je ikona beležnice spremenila v ikono brskalnika.
Ker je poravnava vsebina stylinga. Slog v html je treh vrst. Vrstni slog, notranji in zunanji slog. Inline pomeni v oznaki. Notranjost je napisana v glavi. Hkrati je zunanji slog zapisan v ločeni datoteki CSS.
Inline slog besedila
Primer 1
Zdaj je čas, da tukaj razpravljamo o enem primeru. Razmislite o zgornji sliki. V datoteko beležnice smo napisali preprosto besedilo. Ko ga zaženemo kot brskalnik, bo v brskalniku pokazal spodnji izhod.
Če želimo, da se to besedilo prikaže v sredini, bomo oznako spremenili.
Ta oznaka je vgrajena oznaka. To oznako bomo zapisali, ko bomo oznako odstavka uvedli v telo html. Po besedilu zaprite oznako odstavka. Shranite in nato odprite datoteko v brskalniku.
Odstavek je poravnan na sredini, kot je prikazan v brskalniku. Oznaka, uporabljena v tem primeru, se uporablja za poravnavo, to je za levo, desno in sredino. Če pa želite besedilo poravnati samo na sredini, se v ta namen uporabi posebna oznaka.
< center > …… ..</ center >Sredinska oznaka se uporablja pred besedilom in po njem. To bo pokazalo tudi enak rezultat kot prejšnji primer.
Primer 2
To je primer poravnave naslova namesto odstavka v besedilu html. Sintaksa za to poravnavo naslova je enaka. To lahko storite tako z oznako kot z vgrajenim stilom ali z dodajanjem oznake za poravnavo znotraj oznake naslova.
Rezultat je prikazan v brskalniku. Oznaka naslova je navadno besedilo pretvorila v naslov, oznaka pa ga je poravnala na sredini.
Primer 3
Besedilo poravnajte na sredino
Razmislite o primeru, v katerem je v brskalniku prikazan odstavek. To moramo poravnati na sredini.
To datoteko bomo odprli v beležnici in jo nato z oznako poravnali v srednjem položaju.
< str slog =besedilo-poravnati: center;>Ko to oznako dodate v oznako odstavka, shranite datoteko in jo zaženite v brskalniku. Videli boste, da je odstavek zdaj poravnan po sredini. Oglejte si spodnjo sliko.
Besedilo poravnajte na desno
Nagib besedila na desno je podoben postavitvi na sredino strani. Samo sredinska beseda se v oznaki odstavka nadomesti z desno.
< str slog =besedilo-poravnati: desno;> ……… ..</ str >Spremembe so vidne na spodnji sliki.
Shranite in osvežite spletno stran v brskalniku. Besedilo je zdaj premaknjeno na desno stran strani.
Notranji slog besedila
Primer 1
Kot je opisano zgoraj, je notranji css (kaskadni slog sloga) ali notranji slog vrsta css, ki je definirana v glavnem delu html strani. Deluje podobno kot notranje oznake.
Razmislite o zgornji strani; vsebuje naslove in odstavek. Besedilo moramo videti na sredini. Poravnava v vrstici zahteva ročno pisanje oznak v vsakem odstavku. Notranji slog pa je mogoče samodejno uporabiti za vsak odstavek besedila, tako da v izjavi o slogu navedete p. Potem v oznako odstavka ni treba pisati nobene oznake. Zdaj opazujte kodo in deluje.
< slog >P{Besedilo-poravnati: center}
</ slog >
Ta oznaka je zapisana znotraj oznake sloga v delu glave. Zdaj zaženite kodo v brskalniku.
Ko stran zaženete v brskalniku, boste videli, da so vsi odstavki poravnani na sredini strani. Ta oznaka se uporablja za vsak odstavek v besedilu.
Primer 2
V tem primeru bomo tako kot odstavek vse naslove v besedilu poravnali na desno stran. V ta namen bomo v izjavi o slogu v glavi omenili naslove.
H2, h3{
Besedilo-poravnati: prav
}
Zdaj, ko shranite datoteko, zaženite datoteko beležnice v brskalniku. Videli boste, da so naslovi poravnani na desni strani strani HTML.
Primer 3
Pri notranjem oblikovanju lahko pride do situacije, ko morate besedilo le nekaterih odstavkov poravnati v besedilu, medtem ko drugi ostanejo isti. Zato uporabljamo koncept razreda. Predstavljamo razred z metodo pike znotraj oznake sloga. V oznako odstavka, ki jo želite uskladiti, morate dodati ime razreda.
< slog >.center{
Besedilo-poravnati: center}
</ slog >
razred =center> ......</ str >
Razred smo dodali v prve tri odstavke. Zdaj zaženite kodo. V izhodu lahko vidite, da so prvi trije odstavki poravnani na sredini, drugi pa ne.
Zaključek
Ta članek je pojasnil, da je poravnavo mogoče narediti na različne načine prek vgrajenih in notranjih oznak.