HTML : Menghubungkan HTML dengan CSS - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul HTML : Menghubungkan HTML dengan CSS, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel css,
Artikel Home,
Artikel html, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : HTML : Menghubungkan HTML dengan CSS
link : HTML : Menghubungkan HTML dengan CSS
create-script - hai gaesss....kali ini saya akan sharing tentang bagaimana cara mengubungkan HTML dengan CSS. penasaran?.... baik, langsung saja kita simak :).
A. PENDAHULUAN
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.
B. ALAT DAN BAHAN
kemudian save, dan buka di browser, maka hasilnya akan menjadi seperti ini :
Contoh Kedua (Eksternal).
pertama buat file index.html, dan ketikkan script berikut :
selanjutnya, kita buat file bernama style.css. ketikkan script berikut :
jika sudah, silakan save satu folder bersama file index.html tadi.
kemudian buka index.html di browser anda. maka hasilnya akan enjadi seperti ini :
Contoh ketiga (internal)
kita ketikkan script berikut :
kemudian save, dan buka melalui web browser anda. maka hasilnya akan menjadi seperti ini :
D. HASIL YANG DIPEROLEH
Sekian Sharing saya pada Kesempatan Kali ini, semoga bermanfaat...
Wassalammualikum Wr. Wb.
Anda sekarang membaca artikel HTML : Menghubungkan HTML dengan CSS dengan alamat link https://dev-create.blogspot.com/2017/09/html-menghubungkan-html-dengan-css.html
Judul : HTML : Menghubungkan HTML dengan CSS
link : HTML : Menghubungkan HTML dengan CSS
HTML : Menghubungkan HTML dengan CSS
Assalammualaikum Wr. Wb.create-script - hai gaesss....kali ini saya akan sharing tentang bagaimana cara mengubungkan HTML dengan CSS. penasaran?.... baik, langsung saja kita simak :).
A. PENDAHULUAN
- Pengertian
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.
- Latar Belakang
- Maksud dan Tujuan
- Hasil yang Diharapkan
B. ALAT DAN BAHAN
- Web Browser
- Text Editor
- Cara Penulisan CSS
- inline : digunakan dengan menuliskan atribut, serta value, dituliskan langsung didalam tag htmlnya.
- external : digunakan dengan cara menuliskan selector, atribut, serta value di file yang berbeda, juga dengan cara memanggil file CSS nya di dalam tag <head>.
- internal : digunakan dengan cara menuliskan selector, atribut, dan juga value, di bagian dalah tag <head>, dan membuat tag <style> selector, atribut dan valuenya ditulis didalam tag <style>.
- Praktek :
<!DOCTYPE html>
<html>
<head>
<title>create-script</title>
</head>
<body>
<h1 style="color:blue;">CSS Inline</h1>
</body>
</html>
Contoh Kedua (Eksternal).
pertama buat file index.html, dan ketikkan script berikut :
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title></title>
</head>
<body>
<h1>CSS Eksternal</h1>
</body>
</html>
h1{
color: blue;
}
kemudian buka index.html di browser anda. maka hasilnya akan enjadi seperti ini :
Contoh ketiga (internal)
kita ketikkan script berikut :
<!DOCTYPE html>
<html>
<head>
<title>create-script</title>
<style>
h1 {
color: blue;
</style>
</head>
<body>
<h1>CSS Internal</h1>
</body>
</html>
D. HASIL YANG DIPEROLEH
- Kita dapat menghubungkan HTML dengan CSS menggunakan cara Inline, Eksternal, maupun Internal
- Menghubungkan HTML dengan CSS sangatlah mudah, tergantung berapa kali anda mengulangi cara diatas, semakin anda mengulangi, maka anda akan semakin paham. karena, script itu tidak perlu dihafalkan, tapi sangat perlu dipahami :).
Sekian Sharing saya pada Kesempatan Kali ini, semoga bermanfaat...
Wassalammualikum Wr. Wb.
Demikianlah Artikel HTML : Menghubungkan HTML dengan CSS
Sekianlah artikel HTML : Menghubungkan HTML dengan CSS kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel HTML : Menghubungkan HTML dengan CSS dengan alamat link https://dev-create.blogspot.com/2017/09/html-menghubungkan-html-dengan-css.html