Kako poravnati tekst u HTML -u

How Align Text Html



Jezik označavanja hiperteksta osnovni je jezik oblikovanja web stranice. Html je poznat kao front-end jezik za dizajn sučelja web stranice. Postoje mnoge funkcije vezane za ovaj jezik. Naredbe koje se koriste za projektiranje poznate su kao oznake. Ove oznake zajedno stvaraju web stranicu. Jedna datoteka HTML koda odgovorna je za statičku web stranicu koja se ne izvodi. HTML sadržaji su tekst, slika, oblici, boje, poravnanje itd. Poravnanje je važan sastojak u dizajnu jer određuje odgovarajući sadržaj za rukovanje na određenom mjestu. U ovom vodiču raspravljat ćemo o nekim osnovnim primjerima.

Potrebni alati

Da bismo razradili koncept poravnanja u HTML -u, moramo spomenuti neke potrebne alate potrebne za pokretanje HTML koda. Jedan je uređivač teksta, a drugi preglednik. Uređivač teksta možda bilježnica, uzvišeni, bilježnica ++ ili bilo koji drugi koji bi mogao pomoći. U ovom smo vodiču koristili bilježnicu, zadanu aplikaciju u sustavu Windows i Google Chrome kao preglednik.







HTML format

Da bismo razumjeli poravnanje, prvo moramo imati znanje o osnovama HTML-a. Predstavili smo snimku zaslona uzorka koda.





< html >

< glava >...</ glava >

< tijelo >….</ tijelo >

</ html >

HTML ima dva glavna dijela. Jedno je glava, a drugo tijelo. Sve su oznake napisane u uglatim zagradama. Poglavlje se bavi imenovanjem html stranice pomoću oznake naslova. Također upotrijebite izjavu o stilu unutar glave. S druge strane, tijelo se bavi svim ostalim oznakama teksta, slika ili videozapisa itd. Drugim riječima, sve što želite dodati na svoju html stranicu napisano je u dijelu tijela html -a.





Jedna stvar koju ovdje moram istaknuti je otvaranje i zatvaranje oznaka. Svaka napisana oznaka mora biti zatvorena. Na primjer, HTML ima početnu oznaku, a završna oznaku je. Stoga se uočava da završna oznaka ima kosu crtu iza koje slijedi naziv oznake. Slično, sve ostale oznake također slijede isti pristup. Svaki uređivač teksta tada se sprema s nastavkom html. Na primjer, koristili smo datoteku s imenom example.html. Tada ćete vidjeti da se ikona bilježnice promijenila u ikonu preglednika.

Budući da je usklađivanje sadržaj stila. Stil u html -u je tri vrste. Ugrađeni stil, unutarnji i vanjski stil. Inline implicira u oznaci. Interno je napisano unutar glave. Istodobno, vanjski stil zapisan je u zasebnoj CSS datoteci.



Ugrađeni stil teksta

Primjer 1

Sada je vrijeme da ovdje raspravimo primjer. Uzmite u obzir gornju sliku. U tu datoteku bilježnice napisali smo jednostavan tekst. Kad ga pokrenemo kao preglednik, prikazat će dolje navedene rezultate u pregledniku.

Ako želimo da se ovaj tekst prikazuje u sredini, promijenit ćemo oznaku.

< str stil=tekst-uskladiti: centar;>

Ova oznaka je umetnuta oznaka. Ovu ćemo oznaku napisati kada uvodimo oznaku odlomka u tijelo html -a. Nakon teksta zatvorite oznaku odlomka. Spremite, a zatim otvorite datoteku u pregledniku.

Odlomak je poravnat u sredini, kako je prikazan u pregledniku. Oznaka korištena u ovom primjeru koristi se za bilo koje poravnanje, tj. Za lijevo, desno i središte. No, ako želite poravnati tekst samo u sredini, tada se u tu svrhu koristi određena oznaka.

< centar > …… ..</ centar >

Središnja oznaka koristi se prije i poslije teksta. Ovo će također pokazati isti rezultat kao i prethodni primjer.

Primjer 2

Ovo je primjer poravnavanja naslova umjesto odlomka u HTML tekstu. Sintaksa za ovo poravnanje naslova je ista. To se može učiniti i oznakom ili ugrađenim stilom ili dodavanjem oznake za poravnavanje unutar oznake zaglavlja.

Izlaz se prikazuje u pregledniku. Oznaka zaglavlja pretvorila je običan tekst u naslov, a oznaka ga je poravnala u sredini.

Primjer 3

Poravnajte tekst u sredini

Razmotrimo primjer u kojem se u pregledniku prikazuje odlomak. Moramo ovo uskladiti u sredini.

Otvorit ćemo ovu datoteku u bilježnici i zatim je poravnati u središnjem položaju pomoću oznake.

< str stil =tekst-uskladiti: centar;>

Nakon dodavanja ove oznake u oznaku odlomka, spremite datoteku i pokrenite je u pregledniku. Vidjet ćete da je odlomak sada centriran. Pogledajte donju sliku.

Poravnajte tekst udesno

Nagnuti tekst udesno slično je postavljanju u središte stranice. Samo središnja riječ zamijenjena je desnom u oznaci odlomka.

< str stil =tekst-uskladiti: desno;> ……… ..</ str >

Promjene se mogu vidjeti kroz donju sliku.

Spremite i osvježite web stranicu u pregledniku. Tekst je sada premješten na desnu stranu stranice.

Unutarnji stil teksta

Primjer 1

Kao što je gore opisano, unutarnji css (kaskadni stilski list) ili unutarnji stil je vrsta css -a koja je definirana u zaglavlju html stranice. Radi slično kao i interne oznake.

Razmotrite gore prikazanu stranicu; sadrži naslove i odlomak. Imamo zahtjev da tekst vidimo u sredini. Ugrađeno poravnavanje zahtijeva ručno pisanje oznaka unutar svakog odlomka. No unutarnji stil može se automatski primijeniti na svaki odlomak teksta spominjanjem p u izjavi o stilu. Tada nema potrebe za pisanjem bilo koje oznake unutar oznake odlomka. Sada promatrajte kôd i on radi.

< stil >

P{Tekst-uskladiti: centar}

</ stil >

Ova oznaka je napisana unutar oznake stila u glavnom dijelu. Sada pokrenite kôd u pregledniku.

Kada pokrenete stranicu u pregledniku, vidjet ćete da su svi odlomci poravnati u sredini stranice. Ova se oznaka primjenjuje na svaki odlomak prisutan u tekstu.

Primjer 2

U ovom primjeru, baš kao i odlomak, poravnat ćemo sve naslove u tekstu s desne strane. U tu ćemo svrhu spomenuti naslove u izjavi o stilu unutar glave.

H2, h3

{

Tekst-uskladiti: pravo

}

Sada nakon spremanja datoteke, pokrenite datoteku bilježnice u pregledniku. Vidjet ćete da su naslovi poravnati s desne strane HTML stranice.

Primjer 3

U unutarnjem stilu može doći do situacije u kojoj morate poravnati tekst samo nekih odlomaka u tekstu, dok drugi ostaju isti. Stoga koristimo koncept klase. Uvodimo klasu s točkom metodom unutar oznake stila. U oznaku odlomka koju želite uskladiti potrebno je dodati naziv klase.

< stil >

.centar{

Tekst-uskladiti: centar}

</ stil >

razred =centar> ......</ str >

Dodali smo razred u prva tri odlomka. Sada pokrenite kod. U ispisu možete vidjeti da su prva tri odlomka poravnana u sredini, dok drugi nisu.

Zaključak

U ovom se članku objašnjava da se poravnanje može izvršiti na različite načine putem ugrađenih i unutarnjih oznaka.