Rekomenduojamas metodas su CSS ir HTML
Teksto ar pastraipos įtraukimui dažniausiai naudojamas ir rekomenduojamas metodas būtų naudoti CSS. Toliau pateikiami įvairūs pavyzdžiai, kaip CSS gali būti naudojamas tekstui įvesti. Kiekvienas iš šių pavyzdžių bus patalpintas tarp HTML žymių.
Toliau pateiktame pavyzdyje būtų sukurta stiliaus klasė, pavadinta „skirtukas“, į kurią įtraukiamas tekstas ir 40 taškų iš kairės.
Kai pirmiau nurodytas kodas yra skyriuje, jį galite naudoti bet kuriuo momentu, pridėdami jį prie savo pastraipos (
) žymės, kaip parodyta.
Skirtuko pavyzdys
CSS įtraukimas į HTML dokumentą, kaip parodyta aukščiau, vadinamas „in-line“ CSS. Tai naudinga greitai atlikti pakeitimus, tačiau ilgainiui sunku pakeisti vėliau.
Vietoj to, galite paimti visą CSS kodą ir įdėti jį į atskirą failą su plėtiniu .css. Tada galite susieti šį failą iš bet kurio HTML dokumento, ir šis dokumentas gali naudoti šias CSS savybes. Naudojant išorinį CSS failą lengviau vėliau pakeisti CSS, nes visos CSS yra apibrėžtos vienoje vietoje.
Norėdami susieti savo išorinį CSS failą, į elementą (po „
Sukūrus šį .css failą, redaguokite failą ir pridėkite tą patį CSS kodą, neįtraukdami ir komentuodami žymas į jį, kaip parodyta.
.tab {margin-left: 40px; }
Galiausiai, atlikę aukščiau nurodytus veiksmus, galite pažymėti bet kurį tekstą naudodami tą patį
pavyzdys, kurį matėme aukščiau.
Taip pat yra ir kitų formų. Pvz., Jei norėjote įvesti pirmąją pastraipos eilutę, vietoj to, kad naudojote aukščiau pateiktą CSS eilutę, naudokite šią eilutę.
.tab {text-indent: 40px}
Patarimas: taip pat galite įvesti procentą. Pavyzdžiui, vietoj įrašymo 40 pikselių (pikselių), jūs galite pakeisti 5% įterpimo tekstą 5% dabartiniu rodiniu. Taip pat galite naudoti „em“ erdvę apibrėžiant įtraukos plotį.
Premija Patarimas: taip pat galite keisti iš kairiosios įtraukos į dešinę įtrauką, pakeisdami kairę į paraštę į dešinę.
Rekomenduojamas būdas naudojant HTML
Tą patį rezultatą galima pasiekti aukščiau, naudodami inline stilių HTML. Naudodamiesi aukščiau pateiktu CSS pavyzdžiu, galite lengviau prižiūrėti keliuose tinklalapiuose, jei jums reikia naudoti tik vieną stilių, kai galėsite naudoti šį pavyzdį.
Šis tekstas įtrauktas.
Šiame pirmame pavyzdyje visi teksto žyma žymoje yra 40 taškų iš kairės. Visos kitos pastraipos žymos nėra įtrauktos.
Šis tekstas įtrauktas.
Šiame antrajame pavyzdyje tik pirmoji pastraipos eilutė bus išbraukta iš 40 taškų iš kairės. Jokios papildomos toje eilutėje esančios teksto eilutės nebus įtrauktos.
Patarimas: taip pat galite įvesti procentą. Pavyzdžiui, vietoj įrašymo 40 pikselių (pikselių), jūs galite pakeisti 5% įterpimo tekstą 5% dabartiniu rodiniu. Taip pat galite naudoti „em“ erdvę apibrėžiant įtraukos plotį.
Premija Patarimas: taip pat galite keisti iš kairiosios įtraukos į dešinę įtrauką, pakeisdami kairę į paraštę į dešinę.
Alternatyvus metodas
Kitas bendras (bet netinkamas) teksto įvedimo metodas yra žymių naudojimas, kaip parodyta sekančiame pavyzdyje. Nors tai yra daug paprastesnis sprendimas, yra prieinamumo problemų, kurias gali sukelti šio sprendimo įvedimas teksto įtraukimui. Ši žyma skirta tekstui cituoti, o ne įtraukimui.
Šis tekstas būtų įtrauktas