HTML (Hypertext Markup Language) ja CSS (Cascading Style Sheets) ovat kaksi keskeistä teknologiaa verkkosivujen rakentamisessa. HTML tarjoaa sivun rakenteen, CSS (visual and aural) layout, erilaisille laitteille. Grafiikan ja skriptauksen ohella HTML ja CSS ovat perusta verkkosivujen ja verkkosovellusten rakentamiselle. Lue lisää alta:
mikä on HTML?
HTML-kieli kuvaa verkkosivujen rakennetta. HTML antaa tekijöille keinot:
- julkaisee verkossa asiakirjoja, joissa on otsikoita, tekstiä, taulukoita, luetteloita, valokuvia jne.
- Hae verkossa tietoa hypertekstilinkkien kautta napin painalluksella.
- Suunnittelulomakkeet etäpalveluilla tapahtuvien liiketoimien suorittamiseen, tiedonhakuun, varausten tekemiseen, tuotteiden tilaamiseen jne.
- sisältävät levityslevyjä, videopätkiä, äänileikkeitä ja muita sovelluksia suoraan asiakirjoihinsa.
HTML: llä kirjoittajat kuvaavat sivujen rakennetta markupin avulla. Kielen elementit merkitsevät sisällön kappaleita, kuten” kappale”,” luettelo”,” taulukko ” ja niin edelleen.
mitä XHTML on?
XHTML on HTML: n muunnelma, joka käyttää XML: n syntaksia, Extensible Markup-kieltä. XHTML: ssä on kaikki samat elementit (kappaleille jne.) HTML-muunnelmana, mutta syntaksi on hieman erilainen. Koska XHTML on XML-sovellus, voit käyttää sen kanssa muita XML-työkaluja (kuten XSLT, kieli XML-sisällön muuntamiseen).
mikä on CSS?
CSS on kieli, jolla kuvataan verkkosivujen esitystapaa, kuten värejä, ulkoasua ja fontteja. Sen avulla esitys voidaan mukauttaa erityyppisiin laitteisiin, kuten suuriin näyttöihin, pieniin näyttöihin tai tulostimiin. CSS on HTML: stä riippumaton ja sitä voidaan käyttää minkä tahansa XML-pohjaisen merkintäkielen kanssa. HTML: n erottaminen CSS: stä helpottaa sivustojen ylläpitoa, tyylilehtien jakamista sivuille ja sivujen räätälöintiä erilaisiin ympäristöihin. Tätä kutsutaan rakenteen (tai sisällön) erottamiseksi esitystavasta.
mikä on WebFonts?
WebFonts on tekniikka, jonka avulla ihmiset voivat käyttää kirjasimia pyydettäessä verkon yli ilman, että niitä tarvitsee asentaa käyttöjärjestelmään. W3C: llä on kokemusta ladattavista fonteista HTML: n, CSS2: n ja SVG: n kautta. Viime aikoihin asti Ladattavat fontit eivät ole olleet yleisiä verkossa yhteentoimivan kirjasinmuodon puutteen vuoksi. WebFonts vaivaa aikoo käsitellä tätä luomalla teollisuuden tukema, avoin fonttimuoto Web (nimeltään ”WOFF”).
esimerkit
seuraava hyvin yksinkertainen esimerkki HTML-dokumentin osasta havainnollistaa, miten linkin voi luoda kappaleen sisälle. Näytölle (tai puhesyntetisaattorilla) renderöitynä linkkiteksti on ”loppuraportti”; kun joku aktivoi linkin, selain hakee resurssin, jonka tunnistaa ”http://www.example.com/report”:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
class attribuutti kappaleen alkutunnisteella (”<p>”) voidaan käyttää muun muassa tyylin lisäämiseen. Esimerkiksi kaikkien kappaleiden tekstin kursivoimiseksi luokalla ”moreinfo”voisi kirjoittaa CSS:
p.moreinfo { font-style: italic }
sijoittamalla kyseinen sääntö erilliseen tiedostoon, tyyli voidaan jakaa millä tahansa määrällä HTML-dokumentteja.