Html Dengan Css
Sebelum kita membahas serta mengatakan contoh-contohnya perihal HTML Dengan CSS, sebaiknya sobat harus ketahui dulu apa itu CSS serta apa gunanya dalam isyarat html. Mungkin sebagian dari sobat sudah mengetahuinya, tetapi tidak ada salahnya juga mengingatkan kembali atau mampu juga dipakai sebagai materi pembelajaran bagi sobat pemula.
CSS yakni abreviasi dari Cascading Style Sheets. Dalam bahasa yang mampu di mengerti sobat pengunjung, CSS yakni gaya dan warna dalam memanipulasi teks, background, dan kotak. Sobat mampu lihat pada artikel sebelumnya saya sudah menggunakannya bahkan sempat mengatakan isyarat html dengan ccs. Sobat yang pemula pasti gundah ya? Supaya lebih jelasnya lagi, nanti saya bahas beserta contohnya. Yang perlu di ketahui sobat pengunjung, CSS mampu di tambahkan ke elemen HTML dengan 3 cara :
Contoh teks warna biru : Topik Inline CSS
Kode html dan ccs :
2. Internal
Fungsi ini lebih ke satu halaman blog atau website sobat. Dapat menampilkan gaya halaman yang berwarna serta teks atau tabrakan pena yang berwarna-warni sesuai harapan sobat. CSS internal di gunakan pada <head> potongan halaman HTML, dalam sebuah <style> elemen.
Contoh :
Background warna pink, Judul warna biru dan Paragraf warna hitam
Kode html dan css :
Nah sampai di sini, sobat sudah paham kan dengan isyarat HTML dengan CSS ? Saya berharap demikian sobatku.
Demikian pembahasan dan pola HTML dengan CSS yang mampu di terapkan dalam postingan blog atau website sobat. Semoga postingan ini bermanfaat dan mampu di gunakan oleh sobat pengunjung.
Terima kasih atas kunjungannya, dan jikalau ada yang kurang atau di antara sobat ingin mengatakan masukan, silahkan tulis di dalam kolom komentar.
CSS yakni abreviasi dari Cascading Style Sheets. Dalam bahasa yang mampu di mengerti sobat pengunjung, CSS yakni gaya dan warna dalam memanipulasi teks, background, dan kotak. Sobat mampu lihat pada artikel sebelumnya saya sudah menggunakannya bahkan sempat mengatakan isyarat html dengan ccs. Sobat yang pemula pasti gundah ya? Supaya lebih jelasnya lagi, nanti saya bahas beserta contohnya. Yang perlu di ketahui sobat pengunjung, CSS mampu di tambahkan ke elemen HTML dengan 3 cara :
1. Inline CSS
Penggunaannya untuk menerapkan gaya unik atau penggunaan warna dalam teks yang sobat inginkan dan hanya bersifat tunggal. Bisanya di pakai pada potongan judul halaman <h1>Contoh teks warna biru : Topik Inline CSS
Kode html dan ccs :
<h1><b><span style="color: blue;">Topik Inline CSS</span></b></h1>
2. Internal
Fungsi ini lebih ke satu halaman blog atau website sobat. Dapat menampilkan gaya halaman yang berwarna serta teks atau tabrakan pena yang berwarna-warni sesuai harapan sobat. CSS internal di gunakan pada <head> potongan halaman HTML, dalam sebuah <style> elemen.Contoh :
Background warna pink, Judul warna biru dan Paragraf warna hitam
Topik CSS Internal
Saya mencoba membuat halaman blog keren dengan postingan menggunakan HTML dengan CSS
<div class="tr_bq" style="background-color: pink; font-family: verdana, geneva; font-size: 12px; margin: 10px; padding: 10px; text-align: justify;">
<div style="text-align: center;">
<span style="color: blue;"><b>Topik CSS Internal</b></span></div>
<div style="text-align: left;">
Saya mencoba membuat halaman blog keren dengan postingan menggunakan HTML dengan CSS</div>
</div>
<div style="text-align: center;">
<span style="color: blue;"><b>Topik CSS Internal</b></span></div>
<div style="text-align: left;">
Saya mencoba membuat halaman blog keren dengan postingan menggunakan HTML dengan CSS</div>
</div>
3. Eksternal
Gaya eksternal seolah-olah dengan internal yang menampilkan satu halaman blog atau website tapi pada eksternal menambahkan link ke <head> potongan halaman HTML. Sobat juga mampu mengubah tampilan keselurahan blog atau website sesuai keinginan.
Contoh :
Background warna kuning, judul warna pink, paragraf warna hitam dan menambahkan link KLIK DISINI
Background warna kuning, judul warna pink, paragraf warna hitam dan menambahkan link KLIK DISINI
Topik CSS Eksternal
Kode html dan css : Saya mencoba membuat halaman blog keren dengan menggunakan HTML dengan CSS Eksternal.
Untuk lebih jelasnya silahkan lihat di sini contohnya KLIK DISINI
<div class="tr_bq" style="background-color: yellow; font-family: verdana, geneva; font-size: 12px; margin: 10px; padding: 10px; text-align: center;">
<b><span style="color: magenta;">Topik CSS Eksternal</span></b>
<div style="text-align: left;">
Saya mencoba membuat halaman blog keren dengan menggunakan HTML dengan CSS Eksternal.</div>
<div style="text-align: left;">
Untuk lebih jelasnya silahkan lihat di sini contohnya <a href="https://berkatilmu21.blogspot.com/search?q=html-dengan-css" target="_blank">KLIK DISINI</a></div>
</div>
<b><span style="color: magenta;">Topik CSS Eksternal</span></b>
<div style="text-align: left;">
Saya mencoba membuat halaman blog keren dengan menggunakan HTML dengan CSS Eksternal.</div>
<div style="text-align: left;">
Untuk lebih jelasnya silahkan lihat di sini contohnya <a href="https://berkatilmu21.blogspot.com/search?q=html-dengan-css" target="_blank">KLIK DISINI</a></div>
</div>
Nah sampai di sini, sobat sudah paham kan dengan isyarat HTML dengan CSS ? Saya berharap demikian sobatku.
Demikian pembahasan dan pola HTML dengan CSS yang mampu di terapkan dalam postingan blog atau website sobat. Semoga postingan ini bermanfaat dan mampu di gunakan oleh sobat pengunjung.
Terima kasih atas kunjungannya, dan jikalau ada yang kurang atau di antara sobat ingin mengatakan masukan, silahkan tulis di dalam kolom komentar.
Belum ada Komentar untuk "Html Dengan Css"
Posting Komentar