Oke teman temanku sekalian. Lama tak jumpa. Kali ini saya akan memberikan lagi sebuah materi mengenai apa saja elemen yang biasa digunakan di dalam head html. Langsung saja pada pembahasan dan contoh programnya.
Nah sekarang pertanyaannya itu. Apa sih fungsi dari elemen yang ada didalam head? Jawabannya yaitu berfungsi sebagai informasi dari dokumen HTML dan tidak akan ditampilkan dilayar browser. Nah untuk tag itu sendiri yang akan ditampilkan dilayar browser kalian. Beberapa tag yang biasanya sering digunakan didalam elemen head diantaranya ada <meta>, <title>, <style>, dan <script>.
Nah kali ini kita akan belajar style yang digunakan pada HTML. Mengapa pake style? Karena menurut saya itu sangat bagus kombinasinya dibandingkan dengan html itu sendiri.
1. Mengubah latar elemen
<div style="background-color:green">
<div style="background:#ff0000">
<div style="background-img:url(ipt.jpg)">
2. Mengubah warna dan ukuran teks
<h1 style="font-color:red">IT Programmer Tegal</h1>
<h2 style="font-size:20px">IT Programmer Tegal</h2>
3. Mengubah perataan teks
<h1 style="text-align:center">IT Programmer Tegal</h1>
<h1 style="text-align:left">IT Programmer Tegal</h1>
<h1 style="text-align:right">IT Programmer Tegal</h1>
<h1 style="text-align:justify">IT Programmer Tegal</h1>
Note: untuk center itu buat rata tengah, left buat rata kiri, right buat rata kanan dan justify buat rata kanan kiri. Jangan lupa dicoba dari berbagai macam variasi.
4. Menampilkan garis kotak
<h1 style="border:2px solid blue">IT Programmer Tegal </h1>
5. Memberi jarak antara konten dan border
<h1 style="border:2px solid blue; padding:20px">IT Programmer Tegal </h1>
6. Memberi jarak antara elemen
<h1 style="border:2px solid blue">IT Programmer Tegal </h1>
<h1 style="margin-top:20px">IT Programmer Tegal margin</h1>
Untuk lainnya bisa anda kombinasikan. Ini pake bahasa html yang dibuat dengan css.
Sekian materi yang dapat saya sampaikan. Support dan visit terus blog kami agar kami tetap semangat dalam membuat materi lagi kedepannya. Semoga bermanfaat dan untuk praktek diketik jangan dicopy paste nanti akan cepat lupa. Lakukan dengan berulang mengetik maka akan terbiasa dengan kodenya.
Nah kali ini kita akan belajar style yang digunakan pada HTML. Mengapa pake style? Karena menurut saya itu sangat bagus kombinasinya dibandingkan dengan html itu sendiri.
1. Mengubah latar elemen
<div style="background-color:green">
<div style="background:#ff0000">
<div style="background-img:url(ipt.jpg)">
2. Mengubah warna dan ukuran teks
<h1 style="font-color:red">IT Programmer Tegal</h1>
<h2 style="font-size:20px">IT Programmer Tegal</h2>
3. Mengubah perataan teks
<h1 style="text-align:center">IT Programmer Tegal</h1>
<h1 style="text-align:left">IT Programmer Tegal</h1>
<h1 style="text-align:right">IT Programmer Tegal</h1>
<h1 style="text-align:justify">IT Programmer Tegal</h1>
Note: untuk center itu buat rata tengah, left buat rata kiri, right buat rata kanan dan justify buat rata kanan kiri. Jangan lupa dicoba dari berbagai macam variasi.
4. Menampilkan garis kotak
<h1 style="border:2px solid blue">IT Programmer Tegal </h1>
5. Memberi jarak antara konten dan border
<h1 style="border:2px solid blue; padding:20px">IT Programmer Tegal </h1>
6. Memberi jarak antara elemen
<h1 style="border:2px solid blue">IT Programmer Tegal </h1>
<h1 style="margin-top:20px">IT Programmer Tegal margin</h1>
Untuk lainnya bisa anda kombinasikan. Ini pake bahasa html yang dibuat dengan css.
Sekian materi yang dapat saya sampaikan. Support dan visit terus blog kami agar kami tetap semangat dalam membuat materi lagi kedepannya. Semoga bermanfaat dan untuk praktek diketik jangan dicopy paste nanti akan cepat lupa. Lakukan dengan berulang mengetik maka akan terbiasa dengan kodenya.
0 Comments