HTML ja CSS - nämä ovat erot
HTML ja CSS liittyvät läheisesti toisiinsa - mutta mikä ero on? Aikaisemmin kotisivut on luotu kokonaan HTML-muodossa. Nykyään ns. "Cascading Style Sheet" erottaa mallin rakenteesta, joka luodaan "Hypertext Markup Language" (HTML).
HTML - rakenteen ja sisällön kieli
Luo kotisivu, tuo sisältö sivullesi HTML: n avulla. Tekstit, kuvat ja rakenteet, kuten taulukko, integroidaan HTML-tiedostoilla. HTML hoitaa erilaisia tehtäviä.
- HTML-tiedostossa ilmoitetaan ensin asiakirjan tyyppi. Tämä osoittaa, mitä HTML-versiota käytät.
- Määrität seuraavalla pääalueella - pää - tekniset yksityiskohdat, esimerkiksi mihin CSS-tiedostoon se on linkitetty. Voit määrittää täällä myös selaimen välilehdessä näkyvän otsikon.
- HTML-runko sisältää verkkosivuston sisällön. Kaikki etusivulle lisäämäsi teksti ja kuvat päätyvät tähän. Järjestelet tekstit kappaleiden ja otsikoiden eri hierarkioissa.
- Voit esimerkiksi alustaa otsikon korkeimmalla prioriteetilla komennolla
ensimmäisen tilauksen otsikkoon. Voit rakentaa lisää otsikoita komennoilla
.
jne. Nämä komennot liittyvät suoraan HTML-päässä määritettyyn CSS-tiedostoon.
CSS - kotisivusi muoto ja väri
Toisin kuin HTML, CSS-tiedosto ei tuo dynaamista sisältöä verkkosivustollesi. Sen avulla voit määrittää, kuinka selain näyttää tekstiä ja kuvia. CSS: n avulla voit myös suunnitella kotisivusi perusrakenteen.
- Reunukset, taustat ja alatunnisteet tai otsikot luodaan CSS-tyylisivulle. Esimerkiksi blogin tapauksessa jaa sivu kahteen sarakkeeseen; yksi viesteille ja yksi linkille, widgetille tai kiinteille tiedoille.
- Käytä myös CSS-tiedostoa määritelläksesi kiinteän tekstin muotoilun. Onko otsikot HTML-tiedostossa
ja
määriteltynä, ne pysyvät alun perin ennallaan. Anna nyt nämä komennot esimerkiksi CSS-muodossa, asetettu
kirjasinkoko 16 ja
14 yritys.
Voit luoda kotisivun myös ilman CSS-tiedostoja. CSS: n etuna on kuitenkin se, että voit muuttaa koko kotisivusi ulkoasua yhdellä muutoksella. Jos haluat suurentaa otsikoita, muoto on riittävä