Suurin HTML-malleihin liittyvä ongelma on, että niitä voi olla vaikea mukauttaa ja päivittää. HTML-mallit luodaan usein tiettyä tarkoitusta silmällä pitäen, joten ne eivät välttämättä sovellu kaikentyyppisille verkkosivustoille tai sovelluksille. Lisäksi HTML-malleja voi olla vaikea ylläpitää ja päivittää ajan myötä, kun uusia teknologioita ja trendejä ilmaantuu. Lisäksi voi olla vaikeaa varmistaa, että koodi on kelvollinen ja yhteensopiva eri selaimissa. Lopuksi, jos mallia ei ole optimoitu hakukoneoptimointia (SEO) varten, sillä voi olla negatiivinen vaikutus verkkosivuston näkyvyyteen hakukoneiden tulossivuilla (SERP).
<!DOCTYPE html>
<html>
<head>
<title>My HTML Template</title>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>
1. – Tämä rivi ilmoittaa asiakirjan tyypin HTML-dokumentiksi.
2. – Tämä tunniste osoittaa HTML-dokumentin alun.
3. – Tämä tunniste sisältää tietoja asiakirjasta, kuten sen otsikon, komentosarjat ja tyylisivut.
4.
5. – Tämä tunniste osoittaa asiakirjan otsikkoosan lopun.
6. – Tämä tunniste osoittaa, mihin kaikki näkyvä sisältö, kuten teksti ja kuvat, tulee sijoittaa HTML-dokumentissa.
7. – Tämä on kommentti, joka toimii muistutuksena siitä, että tänne sinun tulee lisätä sisältösi, jotta verkkosivusi tai mallipohjasi näkyvät näytöllä, kun sitä katsotaan selainikkunassa tai sovellusnäkymässä (kuten mobiililaitteella).
8. – Tämä tunniste osoittaa HTML-dokumentin runko-osan lopun, joka sisältää kaiken näkyvän sisällön näytöllä näytettäväksi, kun sitä tarkastellaan selainikkunassa tai sovellusnäkymässä (kuten mobiililaitteella).
9. – Tämä tunniste osoittaa, että HTML-dokumentti päättyy tähän, eikä sen jälkeen tule lisätä koodia
Mikä on HTML-malli
HTML-malli on valmiiksi tehty verkkosivun asettelu, jota voidaan käyttää verkkosivuston luomisen lähtökohtana. Se sisältää kaiken sivun luomiseen tarvittavan HTML- ja CSS-koodin sekä kaikki kuvat tai muut mediaelementit. Malleja käytetään usein verkkosivustojen nopeaan luomiseen ilman, että sinun tarvitsee kirjoittaa kaikkea koodia tyhjästä.
Mallin tunniste
Mallitunnisteet ovat HTML-elementtejä, joita käytetään määrittämään verkkosivun rakenne ja sisältö. Niitä käytetään osioiden, otsikoiden, alatunnisteiden, valikoiden ja muiden verkkosivuston elementtien luomiseen. Mallitunnisteita voidaan käyttää myös dynaamisen sisällön, kuten kuvien, videoiden tai muun median, lisäämiseen. Mallitunnisteet kirjoitetaan yleensä HTML-kielellä ja ne voidaan muotoilla CSS:llä.
Miten saan HTML-perusmallin
1. Aloita luomalla uusi HTML-dokumentti. Voit tehdä tämän avaamalla tekstieditorin, kuten Muistio tai TextEdit, ja tallentamalla tiedoston .html-tunnisteella.
2. Lisää HTML-perusmallin koodi asiakirjaasi. Tämän tulee sisältää tunnisteet , , ja sekä muut tarvittavat elementit, kuten otsikko tai sisällönkuvauskentät:
3. Luo sivusi sisältö lisäämällä sisältöä body-tagien väliin. Tämä voi sisältää tekstiä, kuvia, linkkejä ja paljon muuta:
Tervetuloa kotisivuilleni!
Tämä on ensimmäinen HTML-koodia käyttävä verkkosivuni! Olen niin innoissani!
