Blogin luominen HTML-kielellä on yksinkertainen tapa luoda blogi, jonka voit päivittää millä tahansa tekstieditorilla. Blogeissa on useita yhteisiä elementtejä, jotka on helppo tuottaa perus-HTML: llä. Jokaisen blogikirjoituksen tulee näkyä viimeisen yläpuolella, ja siinä on oltava otsikko, päivämäärä ja sisältö. HTML-kommenttitageja käyttämällä blogitekstien koodi pysyy sivulla, mutta sitä ei näy ennen kuin sitä käytetään varsinaiseen viestiin. Koodi kopioidaan kommenttitunnisteosiosta ja liitetään sivulle viimeisen blogikirjoituksen yläpuolelle. Sitten koodi täytetään sisällöllä.
Vaihe 1
Avaa tekstieditori ja luo uusi tiedosto napsauttamalla "Tiedosto" ja "Uusi". Jokaisessa tietokoneessa on tekstieditori. Windows-tietokoneessa on Muistio. Tämä löytyy Käynnistä-valikon kohdasta "Sovellukset". Mac-tietokoneissa on tekstieditori. Avaa tekstin muokkaus avaamalla Finder ja napsauttamalla "Sovellukset". Vieritä alas tekstinmuokkauskuvakkeeseen ja avaa se kaksoisnapsauttamalla.
Päivän video
Vaihe 2
Luo verkkosivu kirjoittamalla sivun HTML-perustunnisteet. Esimerkiksi:
Vaihe 3
Käytä suurinta otsikkotunnistetta antaaksesi sivulle otsikon. Otsikkotunnisteet alkavat h-kirjaimella ja päättyvät numeroon, jossa 1 on suurin. Esimerkiksi:
Tyylielementti käyttää CSS-elementtejä keskittääkseen otsikon sivulle. Otsikoihin jätetään myös kaksoisväli.
Vaihe 4
Luo blogitekstikoodi käyttämällä pienempiä otsikkotunnisteita ja kappaletageja. Esimerkiksi:
Ensimmäinen viestini
1. kesäkuuta 2010Tämä on postaus
EM-tunniste kursivoi tekstin. Tauko- tai BR-tagi lisää rivinvaihdon päivämäärän jälkeen. P- tai kappaletunniste lisää kaksoisrivinvaihdon tekstilohkon jälkeen. HR-tunniste asettaa rivin sivulle kappaleen jälkeen.
Vaihe 5
Kopioi blogitekstin koodi ja sijoita se ennen ensimmäistä viestiä. Aseta koodi kommenttitunnisteeseen. Kommenttitunniste on. Esimerkin sivu näyttää nyt tältä:
Ensimmäinen viestini
1. kesäkuuta 2010Tämä on postaus
Kommenttitunniste tekee käyttämättömästä koodista näkymätön selaimelle. Jos haluat käyttää sitä blogikirjoituksessa, kopioi koodi ja poista kommenttitunnisteet.
Vaihe 6
Tallenna tiedosto nimellä index.html napsauttamalla "Tiedosto" ja "Tallenna".
