MENGHUBUNGKAN HTML DENGAN CSS
|
Agustus 14, 2018 |
No Comments |
Assalamu'alaikum wr.wb
A.PENDAHULUAN
Selamat malam semuanya,Bertemu lagi dengan saya di blog pribadi saya,Kali ini saya akan
membahas Bagaimana cara menghubungkan HTML dengan CSS.
B.LATAR BELAKANG
Agar kita bisa menggabungkan HTML dengan CSS.
C.MAKSUD DAN TUJUAN
Maksud dan tujuan saya adalah agar bisa memahami cara penghubungan HTML dengan CSS.
D.ALAT DAN BAHAN
-Laptop
-Sublime text
-Koneksi Internet
E.HASIL YANG DIHARAPKAN
Supaya bisa memahami dan mempraktikkan cara menghubungkan HTML dan CSS dengan cara yang singkat.
F.PEMBAHASAN
Pembahasannya kali ini adalah mengenai tentang penghubungan HTML dan CSS. Tahu nggak sih mengapa harus mengghubungkan file HTML dan CSS? Bagaimana sih cara menggabungkan nya? nahh itulah yang akan saya bahas. Nah jadi gini karena jika kita tidak mengetahui cara menghubungkan HTML dengan CSS secara otomatis pasti kita tidak mengetahui bagaimana cara untuk mendesign halaman website yang kita buat karena file HTML tidak terhubung dengan CSS. Bukan hanya HTML sebenarnya. tetapi PHP juga sama, PHP yang akan kita gunakan untuk membuat website. Setelah anda selesai mempelajari tutoria-tutorial.
Tutorial Menghubungkan HTML dengan CSS ini merupakan tutorial HTML yang bisa di
F.PEMBAHASAN
Pembahasannya kali ini adalah mengenai tentang penghubungan HTML dan CSS. Tahu nggak sih mengapa harus mengghubungkan file HTML dan CSS? Bagaimana sih cara menggabungkan nya? nahh itulah yang akan saya bahas. Nah jadi gini karena jika kita tidak mengetahui cara menghubungkan HTML dengan CSS secara otomatis pasti kita tidak mengetahui bagaimana cara untuk mendesign halaman website yang kita buat karena file HTML tidak terhubung dengan CSS. Bukan hanya HTML sebenarnya. tetapi PHP juga sama, PHP yang akan kita gunakan untuk membuat website. Setelah anda selesai mempelajari tutoria-tutorial.
HTML ini di asumsikan untuk melanjutkan ke tutorial belajar css dan tutorial belajar PHP di
www.malasngoding.com, agar materi yang di pelajari menjadi terurut dan terstruktur.
Setelah anda mempelajari tutorial belajar html menghubungkan html dengan css ini
selanjutnya akan di jelaskan lagi pada tutorial selanjutnya tentang Class dan id pada html.
Pemahaman tentang Class dan Id pada HTML merupakan dasar yang harus di pahami sebelum
anda melangkah lebih jauh mempelajari CSS. apalagi bagi anda yang ingin memfokuskan diri
pada bagian front-end developer/web designer. silahkan simak penjelasan tentang cara
menghubungkan HTML dengan CSS berikut ini. dan untuk penjelasan class dan id akan di bahas
pada tutorial selanjutnya.Cara Menghubungkan HTML dengan CSSUntuk Cara menghubungkan HTML dengan CSS caranya sangat mudah. gunakan tag
<link> untuk menghubungkan html dengan css. tag link di letakkan pada bagian element head
pada struktur HTML. baiklah perhatikan contoh cara menghubungkan html dengan CSS berikut
ini.
Buat sebuah file html atau php terserah anda. karena ini merupakan tutorial HTML maka
saya menggunakan file HTML untuk di hubungkan dengan CSS. di sini saya membuat file html
dengan nama index.html. kemudian buat sebuah file css lagi dengan nama terserah anda, di sini
saya membuat file css dengan nama style.css. jadi ada dua buah file yang saya buat yaitu file
index.html dan fiel style.css.
atribut rel=”stylesheet” dan type=”text/css” merupakan deklarasi untuk menjelaskan
bahwa file yang kita panggil atau hubungkan adalah file stylesheet atau css. dan pada atribut href
digunakan untuk meletakkan lokasi dan nama file css yang ingin kita hubungkan. pada contoh ini
saya menghubungkan file html saya dengan file css yang sudah saya berinama dengan style.css.
Jika di jalankan pada browser maka tidak akan muncul apa-apa karena pada file html
masih kosong belum berisi element apapun selain struktur dasar html.
bilang termasuk ke dalam salah satu tutorial HTML yang paling terpenting/
. untuk mencoba apakah file css sudah berhasil terhubung dengan file html ??apa belum maka akan kita cek dengan cara berikut ini:
<html>
<head>
<title>Menghubungkan HTML dengan CSS | www.malasngoding.com</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
</body>
</html>
H.REFRENSI
http:///www.malesngoding.com
I.PENUTUP
Sekian dari saya kurang lebihnya mohon di ma'afkan....
Waasalamua'alaikum wr.wb
http:///www.malesngoding.com
I.PENUTUP
Sekian dari saya kurang lebihnya mohon di ma'afkan....
Waasalamua'alaikum wr.wb
Assalamu'alaikum wr.wb
Hay perkenalkan nama saya Rizka Mala Alfiana my nick name is Rizka, I from in Jepara. Sekian dan Terimakasih.
Wassalamu'alaikum wr.wb
0 comments:
Posting Komentar