Sabtu, 26 Agustus 2017

PENERAPAN HEADING



pengertian

Heading tag adalah kode HTML untuk mengatur judul dari artikel, Heading tag memiliki 6 susunan yaitu <H1>, <H2>,<H3>,<H4>,<H5> dan <H6) tapi yang dibahas oleh penulis Blogger OPS adalah H1 sampai dengan H4 saja. Dalam sebuah blogger heading tag harus mengandung kata kunci yang akan ditargetkan. 



CARA MEMBUAT HEADING HTML

1.klik script berikut di notepat
<html>
<head>
<title> MEMBUAT DOKUMEN HTML DENGAN TAG HEADING</title>
</head>
<body>
<h1>Heading dengan ukuran 1</h1>
<h2>Heading dengan ukuran 2</h2>
<h3>Heading dengan ukuran 3</h3>
<h4>Heading dengan ukuran 4</h4>
<h5>Heading dengan ukuran 5</h5>
<h6>Heading dengan ukuran6</h6>
</body>
</html>
2.kemudian klik save As..
3.setelah itu tulis name file dengan menambahkan .HTML
  contoh judul "gambar.html"
4. Langkah selanjutnya jalankan script heading.html dengan menggunkan web.brouser (mozila. IE,    google crome dll). maka akan di dapatkan hasil seperti gambar di bawah ini.
















penjelasan heding pada halaman depan/home page blogger

Berikut ini adalah contoh heading  pada halaman depan/Home Page Blogger OPS adalah :
Judul Blog
Judul artikel
Judul setiap widget
Memahami Heading Tag H1, H2, H3 Dan H4 Pada Blogger

Ingat H1 adalah bagian yang paling besar dari semua heading karena H1 adalah judul Blog.H2 adalah heading. H3 adalah point penting dalam artikel yang merupakan subheading. Lalu bagaimana penerapan H3 dalam sebuah blog? H3 adalah sub dari Judul artikel, Untuk penerapan H3 perhatikan gambar dibawah ini 
Memahami Heading Tag H1, H2, H3 Dan H4 Pada Blogger
Ketika kita membuat sub bagian dari judul artikel maka sangat tidak dianjurkan oleh google untuk mempertebal tulisannya dengan cara BOLD tetapi dengan cara memilih heading yaitu dengan cara :
- Masuk ke blogger
- Pilih Entri baru
- Untuk membuat Heading Pilih normal 
- Pilih heading

Lalu bagaiaman penerapan H4? H4 adalah sub dari H3 atau minorheading. Sama halnya jika kita menulis karya tulis terdapat sub-sub dalam halaman begitupun dalam dunia blog

Untuk membuat H4 dengan cara sebagai berikut :
- Masuk ke blogger
- Pilih Entri baru
- Untuk membuat Heading Pilih normal 
- Pilih minor heading
Memahami Heading Tag H1, H2, H3 Dan H4 Pada Blogger
Dengan cara melihat pada gambar diatas maka sobat akan memahami cara membuat heading ketika menulis artikel di sebuah blog, Demikian cara menerapkan Heading Tag H1, H2, H3 Dan H4 Pada Blogger

kesimpulan:

Tabel Elemen Heading Di HTML
ElemenKeterangan
h1Membuat heading level 1 dengan konten tebal (bold) dan ukuran font 200% dari ukuran font dasar.
h2Membuat heading level 2 dengan konten tebal (bold) dan ukuran font 150% dari ukuran font dasar.
h3Membuat heading level 3 dengan konten tebal (bold) dan ukuran font 117% dari ukuran font dasar.
h4Membuat heading level 4 dengan konten tebal (bold) dan ukuran font 100% dari ukuran font dasar.
h5Membuat heading level 5 dengan konten tebal (bold) dan ukuran font 83% dari ukuran font dasar.
h6Membuat heading level 6 dengan konten tebal (bold) dan ukuran font 67% dari ukuran font dasar.

CARA MEMASUKKAN GAMBAR,AUDIO,DAN VEDIO DI HTML

1. Memasukkan gambar ke dalam aplikasi web
            Dalam memasukkan gambar ke dalam halaman web, kita perlu masukkan 
     kode-kode  yang telah ditentukan.
     Berikut ini contoh listing program memasukkan gambar ke dalam aplikasi web.





    Setelah kode-kode di atas dijalankan di Internet Explorer, maka akan muncul tampilan berikut



2. Memasukkan audio ke dalam aplikasi web
         Dalam memasukkan audio ke dalam halaman web, kita perlu masukkan 
      kode-kode  yang telah ditentukan.
      Berikut ini contoh listing program memasukkan audio ke dalam aplikasi web.






Setelah kode-kode di atas dijalankan di Mozilla Firefox, maka akan muncul tampilan berikut.


  
 3. Memasukkan video ke dalam aplikasi web

          Dalam memasukkan video ke dalam halaman web, kita perlu masukkan 
       kode-kode  yang telah ditentukan.
       Berikut ini contoh listing program memasukkan video ke dalam aplikasi web.






    Setelah kode-kode di atas dijalankan di Avast SafeZone, maka akan muncul tampilan berikut.


ANGGOTA KELOMPOK : THIFFANY ANGELITA L.
                                          SWANDIRA
                                          YOVITA TEO
                                          LIA JUHRATUL NISA
                                          RENI OKTAVIA