Hallo kawan-kawan, kali ini saya akan berbagi pengetahuan tentang Contoh Code Cara Membuat Text di Tengah Dengan HTML dan CSS
 
Sebelum membahas judul di atas , ini ada Sedikit kutipan atau Motivasi Buat kawan kawan semua..
"Pendidikan adalah senjata paling mematikan di dunia, karena itu, Anda mampu mengubah dunia"..
...
Ok Langsung saja kita bahas tentang :
Menggunakan file CSS eksternal maksudnya adalah anda membuat dokumen css menjadi sebuah file css yang terpisah dengan ekstensi file .css. Misalnya anda membuat sebuah dokumen CSS dan menyimpannya dengan nama style.css. Misalnya anda membuat sebuah dokumen css seperti berikut ini dan anda menyimpannya sebagai sebuah file bernama style.css.
 
body {
font-family: arial;
background-color: rgb(185,179,175);}
h1 {
 
color: rgb(255,255,255);}
Untuk menambahkan file css yang anda buat tersebut, berikut ini contohnya.
 
<!DOCTYPE html>
<html>
<head>
<title>Menggunakan File CSS</title>
<link href="css/styles.css" type="text/css" rel="stylesheet" />
</head>
<body>
<h1>wartel</h1>
<p>Terdapat berbagai jenis wartel</p>
</body>
</html>
 
Keterangan dari contoh kode di atas sebagai berikut:
 
link : elemen link digunakan untuk memberitahukan ke browser dimana lokasi file CSS yang akan digunakan untuk mengatur halaman web. Elemen ini tidak memerlukan closing tag dan berada di antara elemen head dan /head.
 
href : bagian ini berisi path atau lokasi dari file css disimpan
 
type: atribut ini menentukan tipe dokumen yang menjadi rujukan. Isinya seharusnya “text/css”
 
rel: atribut ini menentukan hubungan antara file css dengan dokumen HTML yang merujuk ke file css tersebut. Isi dari atribut tersebut adalah stylesheet saat merujuk ke file CSS.
 
Sebuah halaman HTML dapat menggunakan lebih dari satu file CSS. Untuk melakukan hal ini, maka dapat membuat elemen <link> sebanyak file CSS yang digunakan. Adakalanya seorang desainer menggunakan 1 file CSS untuk mengatur layout, file CSS yang lain digunakan untuk mengatur font dan warna.
 
MENGGUNAKAN INTERNAL CSS
 
Cara ini dapat dilakukan dengan cara anda menuliskan aturan-aturan CSS langsung pada dokumen HTML yang anda buat. Berikut ini contohnya:
 
<!DOCTYPE html>
<html>
<head>
<title>Using Internal CSS</title>
<style type="text/css">
body {
font-family: arif;
background-color: rgb(185,179,175);}
h1 {
color: rgb(255,255,255);}
</style>
</head>
<body>
<h1>wartel</h1>
<p>Terdapat berbagai jenis wartel</p>
</body>
</html>
 
Elemen <style> menggunakan atribut type yang menunjukkan bahwa style yang ditentukan berupa CSS.
Pada HTML5, anda cukup menuliskan elemen <style> tanpa perlu menuliskan atribut pada elemen tersebut.
 
MENYISIPKAN CSS PADA ELEMEN HTML
 
Anda juga bisa menyisipkan aturan CSS kedalam halaman HTML dengan cara menambahkan atribut style pada elemen html yang akan anda terapkan CSS. Contohnya seperti berikut ini:
 
<div id="berita" style="border:1px solid #000; padding:5px;">
</div>
 
selamat mencoba 
" Demikianlah Artikel yang kami buat semoga bermanfaat bagi orang yang membacanya dan menambah wawasan bagi orang yang membaca artikel ini. Dan penulis mohon maaf apabila ada kesalahan dalam penulisan kata dan kalimat yang tidak jelas, mengerti, dan lugas mohon jangan dimasukan ke dalam hati.
Dan kami juga sangat mengharapkan yang membaca artikel ini akan bertambah motivasinya dan mengapai cita-cita yang di inginkan, karena saya membuat artikel ini mempunyai arti penting yang sangat mendalam.
Sekian penutup dari kami semoga berkenan di hati dan kami ucapkan terima kasih "
#SalamTechno