Pada kesempatan kali ini, yang akan menjadi pembahasan kita yakni perihal coding. Apakah teman pernah kenal dengan yang namanya CSS ? Pasti sebagian besar akan menjawab "IYA", aku yakin itu. Sebelumnya apa sih CSS itu? CSS merupakan kependekan dari Cascading Style Sheet, dengan adanya CSS ini sanggup mempermudah kita dalam pengeditan/ pembuatan suatu aktivitas menyerupai HTML. Tetapi aku akan share ulang materi-materi dasar terlebih dahulu perihal mengganti warna text pada aktivitas HTML ke CSS !
Oke, kita akan mulai dengan tumpuan yang gampang terlebih dahulu. Sebelumnya supaya lebih jelas, aku akan berbagi tumpuan HTML nya terlebih dahulu. Kenapa? Agar teman sanggup lebih paham dan sanggup membandingkan antara HTML biasa dan CSS. Lihat isyarat dibawah ini :
<HTML>
<HEAD>
</HEAD>
<BODY>
TEST : Saya sedang latihan <font color="red"><B>sesuatu</B></font> perihal CSS dasar !
<P>TUST : Oke kalau begitu, silahkan Sobat berguru <font color="blue"><I>sesuatu</I></font> !
<P><font color="red"><U>Selamat Belajar !</U></font>
</BODY>
</HTML>
Kode diatas merupakan salahsatu tumpuan kode/program HTML biasa alias belum diubah ke CSS. Sebelumnya aku jelaskan terlebih dahulu jenis dan fungsi isyarat diatas!
Keterangan Kode :
<P> "Merupakan isyarat untuk menciptakan suatu paragraf"
<B> "Merupakan kode untuk menebalkan kata/ Bold"
<I> "Merupakan kode untuk memiringkan kata/ Italic"
<U> "Merupakan kode untuk menggarisbawahi kata/ Underline"
<font color="red"> Merupakan isyarat untuk warna text yang lalu ditutup dengan kode <font color="red">
Memang agak rumit kalau teman memakai dengan isyarat HTML semua, baiklah selanjutnya akan kita ubah/ kita tambahkan dengan isyarat CSS ! Lihat isyarat dibawah :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
B,U { color : red }
I { color : blue }
</STYLE>
</HEAD>
<BODY>
TEST : Saya sedang latihan <B>sesuatu</B> perihal CSS dasar !
<P>TUST : Oke kalau begitu, silahkan Sobat berguru <I>sesuatu</I> !
<P><U>Selamat Belajar !</U>
</BODY>
</HTML>
Keterangan Kode :
Jika kita lihat niscaya ada isyarat yang hilang dan ada juga yang nambah, nah isyarat html yang dihilangkan yaitu isyarat font color, dan isyarat (Bold, Italic, Underline) tadi. Kemudian diganti dengan isyarat CSS yang berfungsi sebagai selector dan declaration. Kode tersebut diletakkan diantara <HEAD> Letak code </HEAD>Baca Juga Lanjutan Artikel Ini : "Latihan Dasar Mengganti Jenis Text Dengan Kode CSS"
Nah, bagaimana ..., Apakah teman sudah paham dan sudah sanggup membedakan antara HTML dan CSS ? Okelah aku yakin niscaya teman sudah mulai lebih paham. Untuk mengetesnya teman sanggup mencobanya di notepad, dreamweaver, atau aplikasi lainya. Sekian dulu dari saya, semoga sanggup bermanfaat untuk teman semua. Terimakasih