Tekstin sisentämiseen on erilaisia tapoja. Yhteensopivuuden useiden selaimien kanssa ja käytettävyyden vuoksi käsittelemme kuitenkin suosituimpia tekstin sisennysmenetelmiä verkkosivullasi.
Suositeltu menetelmä CSS:n ja HTML:n kanssa
Tekstin tai kappaleen sisentämiseen yleisin ja suositeltu tapa on käyttää CSS:ää. Alla on erilaisia esimerkkejä siitä, kuinka CSS voi sisentää tekstiä. Jokainen näistä esimerkeistä sijoitetaan
HTML-tunnisteiden väliin.Seuraava esimerkki luo tyyliluokan nimeltä “tab”, joka sisentää tekstin ja kappaleen 40 pikseliä vasemmalta.
<style type="text/css">
<!--
.tab { margin-left: 40px; }
-->
</style>
Kun yllä oleva koodi on
-osiossa, voit käyttää sitä lisäämällä sen kappaleen () tageihin kuvan mukaisesti.
<p class="tab">Example of a tab</p>
CSS:n sisällyttämistä HTML-dokumenttiin, kuten yllä on esitetty, kutsutaan “in-line” CSS:ksi. Se on hyödyllinen nopeaan muutosten tekemiseen, mutta pitkällä aikavälillä sitä on vaikea muuttaa myöhemmin.
Sen sijaan voit ottaa kaiken CSS-koodisi ja sijoittaa sen erilliseksi tiedostoksi, jonka tunniste on .css. Sitten voit linkittää tähän yhteen tiedostoon mistä tahansa HTML-asiakirjasta, ja kyseinen asiakirja voi käyttää näitä CSS-ominaisuuksia. Ulkoisen CSS-tiedoston käyttäminen helpottaa CSS:n vaihtamista myöhemmin, koska kaikki CSS on määritelty yhdessä paikassa.
Jos haluat linkittää ulkoisen CSS-tiedoston, lisää seuraava rivi HTML-dokumenttiin
-elementtiin (-tunnisteen jälkeen ja ennen -tunnistetta). Seuraavassa esimerkissä olemme antaneet .css-tiedostollemme nimen basic.css<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">
Kun tämä .css-tiedosto on luotu, muokkaa tiedostoa ja lisää siihen sama CSS-koodi, lukuun ottamatta
Recent Articles
