HASANONTA - Dalam tutorial saya kali ini saya akan menjelaskan tentang bagaimana cara menghubungkan HTML dengan CSS, ataupun PHP. Tutorial ini sangat penting karena jika kita meletakkan semua script tadi dalam satu file, maka akan sangat ribet. Untuk memudahkanya kita bsa membuat file sendiri-sendiri dan menghubungkanya dalam satu file yang kompleks.
Untuk menghubungkan file HTML dengan CSS digunakan tag <link>. Tag ini diletakkan didalam element <head>. Contoh ;
<!DOCTYPE html> <html> <head> <title>HasanOnta</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> </head> <body> </body> </html>
Diatas saya menghubungkan bootstrap.css ke dalam HTML yang saya buat. Untuk membuktikannya saya akan menggunakan sebuah class yang ada didalam bootstrap.css :
<!DOCTYPE html> <html> <head> <title>HasanOnta</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> </head> <body> <div class="btn btn-danger"> </div> </body> </html>
Output :
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Tidak ada komentar:
Posting Komentar