La lokigo de eroj en retpaĝaro estas esenca por ĝia ĝenerala dezajno. Kvankam ekzistas aliaj manieroj influi la aranĝon, kiel uzi tabulojn ( kiujn ni ne rekomendas ), la plej bona estas uzi CSS .
Malsupre, ni rigardu kiel uzi simplan CSS-stilon enretan proprieton por aliĝi bildojn, tabulojn, alineojn kaj pli.
Noto: Ĉi tiuj samaj metodoj ankaŭ povas esti uzataj en eksteraj stilaj folioj, sed ĉar ĉi tiuj aplikiĝas al individuaj eroj kaj eble necesas resti tiel, plej bone uzi enretan formon kiel ekzemple.
Aligu Tekstajn Alineojn
La alinea etikedo estas la unua loko por komenci forigi vian retpaĝon. Ĝi malfermas kaj fermas etikedojn similas ĉi tion:
La alineación de teksto implicite en alineo estas al la maldekstra flanko de la paĝo, sed vi ankaŭ povas vicigi viajn alineojn dekstre kaj centro.
Uzanta la kaleŝan proprieton permesas vin vicigi alineojn al la dekstra aŭ maldekstre de la gepatra elemento. Ajna alia elemento ene de tiu gepatra elemento fluos ĉirkaŭ la flosita elemento.
Por akiri la plej bonan efikon per alineo, plej bone agordi larĝecon sur la alineo, kiu estas pli malgranda ol la ujo (gepatra) elemento.
Aliĝu la Tekstajn Internajn Paragrafojn
Eble la plej interesa alineo por alinea teksto estas "pravigi", kiu diras al la retumilo montri la tekston vicigitan, esence, al la dekstra kaj maldekstra flanko de la fenestro.
Por pravigi la tekston en alineo, vi uzus la tekst-alignan proprieton.
Vi ankaŭ povas aligi la tutan tekston en alineo al la dekstra flanko aŭ maldekstre (la defaŭlte), uzante la tekst-alignaĵon.
La tekst-aligna propraĵo aligos la tekston ene de la elemento. Teknike, ĝi ne supozas aliĝi bildojn, kiuj estas enhavitaj ene de la alineo aŭ alia elemento, sed plej multaj foliumiloj traktas bildojn kiel inline por ĉi tiu propraĵo.
Alineanta bildojn
Uzante la kaleŝejon en bild-etikedo vi povas difini la lokon de bildoj en la paĝo kaj kiel la teksto envolvos ilin.
Same kiel la alineoj pli supre, la flosata stilo posedaĵo en la bildo etikedo metos vian bildon sur la paĝon kaj diras al la retumilo kiel flui tekston kaj aliajn elementojn ĉirkaŭ tiu bildo.
Teksto sekvanta la supran bildan etikedon fluos ĉirkaŭ la bildo dekstre kiel la bildo montras maldekstre de la ekrano.
Se mi volas, ke la teksto ĉesas ĉirkaŭvolvi la bildon, mi uzas la klaran proprieton:
Alineanta Pli ol Paragrafojn
Tamen, kio se vi volas aliĝi pli ol nur paragrafon aŭ bildon? Vi simple povus meti stilon posedaĵon en ĉiu paragrafo, sed ekzistas etikedo, kiun vi povas uzi, estas pli efika:
Simple ĉirkaŭu la tekston kaj bildojn (inkluzive de HTML-etikedoj ) per la etikedo kaj la stilo-posedaĵo (flosilo aŭ teksto-alineo) kaj ĉio en tiu divido estos vicigita kiel vi ŝatus ĝin.
Memoru, ke alineamientos aldonitaj al alineoj aŭ bildoj en la divido estos honoritaj, superregantaj la etikedon.