Latihan Dasar Menciptakan Warna Text Dengan Isyarat Css
Pada kesempatan kali ini, yang akan menjadi pembahasan kita yakni ihwal coding. Apakah sahabat 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 jadwal ibarat HTML. Tetapi aku akan share ulang materi-materi dasar terlebih dahulu ihwal mengganti warna text pada jadwal HTML ke CSS !
Oke, kita akan mulai dengan teladan yang gampang terlebih dahulu. Sebelumnya supaya lebih jelas, aku akan mengembangkan teladan HTML nya terlebih dahulu. Kenapa? Agar sahabat sanggup lebih paham dan sanggup membandingkan antara HTML biasa dan CSS. Lihat instruksi dibawah ini :
<HTML>
<HEAD>
</HEAD>
<BODY>
TEST : Saya sedang latihan <font color="red"><B>sesuatu</B></font> ihwal 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 teladan kode/program HTML biasa alias belum diubah ke CSS. Sebelumnya aku jelaskan terlebih dahulu jenis dan fungsi instruksi diatas!
Keterangan Kode :
<P> "Merupakan instruksi 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 instruksi untuk warna text yang lalu ditutup dengan kode <font color="red">
Memang agak rumit jikalau sahabat memakai dengan instruksi HTML semua, sepakat selanjutnya akan kita ubah/ kita tambahkan dengan instruksi CSS ! Lihat instruksi dibawah :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
B,U { color : red }
I { color : blue }
</STYLE>
</HEAD>
<BODY>
TEST : Saya sedang latihan <B>sesuatu</B> ihwal 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 instruksi yang hilang dan ada juga yang nambah, nah instruksi html yang dihilangkan yaitu instruksi font color, dan instruksi (Bold, Italic, Underline) tadi. Kemudian diganti dengan instruksi 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 sahabat sudah paham dan sudah sanggup membedakan antara HTML dan CSS ? Okelah aku yakin niscaya sahabat sudah mulai lebih paham. Untuk mengetesnya sahabat sanggup mencobanya di notepad, dreamweaver, atau aplikasi lainya. Sekian dulu dari saya, semoga sanggup bermanfaat untuk sahabat semua. Terimakasih
0 Response to "Latihan Dasar Menciptakan Warna Text Dengan Isyarat Css"
Post a Comment