Mengenal ID dan Class Pada HTML

Assalamu'alaikum Wr.Wb


A. PENDAHULUAN
Hallo Sahabat berjumpa lagi dengan saya, saya akan shering tentang Id dan Class pada HTML.

B. LATAR BELAKANG
Id dan Class bisa di bilang penanda pada HTML, maksud penanda di sini adalah element-element
HTML dapat di beri tanda dengan class atau id.

C. TUJUAN
Dapat di berikan pada banyak element HTML dan dapat di panggil.

D. PEMBAHASAN
 Selector ID yaitu selector yang digunakan untuk penamaan dalam elemen HTML tujuan untuk memudahkan penulis dalam pengaturan di CSS. Begitu juga dengan Class. Cuman dari keduanya terdapat perbedaan jika ID bersifat unik hanya boleh satu id dalam satu file HTML tidak boleh lebih sedangkan class boleh digunakan berulang – ulang. Oke langsung saja kita akan mempraktekkannya.  Pertama teman – teman siapkan dulu text-editornya, karena penulis akan membuat script HTML dan CSS, di sini saya mengguanakan Sublime Text untuk menuliskan scriptnya

Bagi seorang pemula, ketika masih belajar HTML & CSS pasti menanyakan kenapa ada dua atribut ID dan Class, karena atribut ID dan Class digunakan untuk menamai tag HTML. Lalu apa perbedaan dari keduanya?

ID

Atribut ID digunakan untuk penamaan bagian HTML yang memiliki karakteristik unik/berbeda. Tidak boleh ada dua atau lebih bagian tag HTML yang mempunyai ID yang sama. Perhatikan contoh berikut :

1. <div id=‚menu‛>
2. <ul id=‚menu‛>
3. <li>Beranda</li>
4. <li>Tutorial</li>
5. </ul>
6. </div>

Penggunaan atribut ID pada contoh di atas adalah salah, karena terdapat dua ID yang sama, yaitu “menu” pada tag <div> dan <ul>.
Perhatikan contoh sebelumnya, bahwa kita menggunakan ID yang berbeda untuk setiap div yakni, header, content, sidebar dan footer karena semuanya memiliki struktur dan fungsi yang berbeda dalam suatu dokumen HTML.

Class

Class digunakan untuk penamaan bagian HTML yang memiliki karakteristik/struktur sama dan dapat digunakan berulang kali dalam markup (Kode HTML). Sebagai contoh, perhatikan kode HTML berikut :

1. <ul id=‚menu‛>
2. <li class=‚hijau‛>Beranda</li>
3. <li>Tutorial</li>
4. <li class=‚merah‛>Berita</li>
5. <li>Video</li>
6. </ul>

Pada script HTML di atas, saya menggunakan class hijau pada beberapa beberpa  bagian HTML, karena nantinya bagian tersebut yang memiliki class hijau akan diberi warna background-color hijau.
Kesimpulannya adalah, ketika anda memiliki beberapa elemen dengan karakter/format yang sama, gunakan Class sebagai penamaannya dan Gunakan ID untuk elemen yang berbeda dan membutuhkan tanda pengenal lebih spesifik.
Oke itulah sedikit ilmu dari saya semoga bermanfaat bagi teman-teman semuanya.

E. KESIMP.ULAN

Semoga materi di atas dapat di mengerti dan di pahami oleh teman-teman.

F. PENUTUP
Oke itulah sedikit ilmu dari saya semoga bermanfaat bagi teman-teman semuanya.


Wassalamu'alaikum Wr.Wb

Format Text Pada HTML

                        Assalamu'alaikum Wr.Wb. 

A. PENDAHULUAN

        Bertemu lagi dengan saya di blog pribadi saya kali ini saya akan membahas tentang Format Text Pada HTML.

B. LATAR BELAKANG

        Format text didalamnya baik itu dalam penulisan judul ataupun isi dari content/halaman website sendiri.

C. TUJUAN

       Tujuan Format teks pada dasarnya digunakan untuk menampilkan atau memberi tanda pada sebuah teks. 

D. PEMBAHASAN
       Dalam artikel saya sebelumnya pernah saya contohkan membuat sebuah paragraf di HTML "Belajar Membuat Paragraf,Link,& Heading di HMTL". 

Saya hanya mencontohkan tag yang sering dipakai dan populer dalam penulisan sebuah teks saja. Untuk tag-tag lainnya mungkin anda bisa bereksperimen sendiri agar lebih bisa menguasainya.
Dibawah ini adalah contoh-contoh tag yang berfungsi untuk pemformatan teks pada HTML :

Format Teks Pada HTMFormat Teks Pada HTML

Tag	Fungsi
<b></b> atau <strong></strong>	Berfungsi untuk membuat teks tebal
<u></u>	Berfungsi untuk membuat teks underline atau garis bawah
<i></i> atau <em></em>	Berfungsi untuk membuat cetak miring
<strike></strike>	Membuat teks bergaris
<small></small>	Mendefinisikan teks kecil
<sub></sub>	Mendefinisikan teks subscript
<sup></sup>	Mendefinisikan teks superscript
<ins></ins>	Mendefinisikan teks yang disisipkan
<del></del>	Mendefinisikan teks yang dihapus

Tag Output Komputer Pada HTML

Tag	Fungsi
<code>	Mendefinisikan sebuah teks pada komputer
<kbd>	Mendefinisikan teks keyboard
<samp>	Mendefinisikan sampel pada komputer
<var>	Mendefinisikan variabel
<pre>	Mendefinisikan teks terformat

Tag Definisi dan Kutipan Pada HTML

Tag	Fungsi
<abbr>	Mendefinisikan singkatan atau akronim
<address>	Mendefinisikan kontak penulis atau pemilik dokumen
<bdo>	Mendefinisikan arah teks
<dfn>	Mendefinisikan sebuah definisi
<cite>	Mendefinisikan judul karya
<q>	Mendefinisikan kutipan pendek atau inline
<blockquote>	Mendefinisikan bagian yang dikutip dari sumber lain

E. KESIMPULAN 
          Semoga teman-teman bisa mencoba nya dan menbuat itu sendiri.

F. PENUTUP 

          Semoga teman-teman bisa memahaminya sendiri dan maaf kalau ada yang kurang dengan penjelasan di atas. Terima kasih.

                         Wassalamu'alaikum Wr.Wb.

Tentang HTML Hyperlink//Ling

Tentang HTML Hyperlink // Ling

                                               

                               Assalamu'alaikum Wr.Wb.

A. PENDAHULUAN
        Hay gaes saya akan menjelaskan tentang HTML Hyperlink/ling. yuk kita bahas.

B. LATAR BELAKANG 
       Ingin mengenal tentang konsep tentang HTML Hyperlink/link dan apa saja bagian-bagiannya.

C. TUJUAN
         Tujuan dari penggunaan Hyperlink atau Link adalah sebagai penyedia referensi  sebuah titik acuan untuk tujuan pengkodean yang pada umumnya ditulis dari HTML Hyperlink.

D. PEMBAHASAN

         Hyperlink yang sering di kenal dengan link yaitu menghubungkan antara satu dokumen

dengan dokumen yang lain pada HTML. Tujuan dari hyperlink ini membuat sebuah teks atau

gambar yang ketika diklik akan di alihkan ke halaman tertentu yang sudah di tetapkan dalam

penulisan hyerlink tersebut.

Hyperlink sendiri ditulis dengan menggunakan tag <a>. tag <a> ini selalu di ikiti oleh

atribut href, dimana didalam href (hypertext reference) ini lah yang akan di isikan alamat yang

dituju ketika text atau gambar di klik. berikut cara penulisan untuk membuat hyperlink :

<a href="http://www.malasngoding.com">klik disini</a>

ketika di klik pada kata “klik disini” maka halaman akan di alihkan ke

halaman www.malasngoding.com. hal ini sesuai dengan ketentuan yang telah kita tetapkan pada

atribut href.

E. KESIMPULAN 

       Semoga artikel pengertian hyperlink ini dapat benar-benar bermanfaat untuk kita semua. 

F. PENUTUP 

       Sekian dari saya semoga bermanfaat, dan terima kasih. 

                                                  Wassalamu'alaikum Wr.Wb.

                                                     

Konsep Dasar HTML

Konsep Dasar HTML 

               

              Assalamu'alaikum Wr.Wb.

A. PENDAHULUAN
          Bertemu lagi dengan saya di blog pribadi saya.Kali ini saya akan membahas tentang konsep dasar-dasar HTML.
 
B. LATAR BELAKANG
         Karena ingin mengenal tentang konsep dasar-dasar dari HTML dan bagian terpenting dalam HTML.

C. TUJUAN
        Ingin memperdalami bahasa pemrograman HTML dan memahami tag-tag html.

D. HASIL YANG DIHARAPKAN
       Ingin membuat sebuah lay-out setelah itu lay-out tersebut digabungkan dengan lain-lainnya dan membuat website.
 
E.PEMBAHASAN
     HTML adalah kependekan dari Hyper Text Markup Language, yaitu sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Si HTML inilah yang menyusun sebuah halaman web menjadi sebagaimana yang kita lihat melalui browser (penjelajah internet). So, belajar HTML dan mengerti bagaimana cara HTML bekerja akan sangat penting jika kamu ingin terjun ke dunia web development.
Sebenernya ketika bekerja dalam menampilkan dan menyusun sebuah halaman web si HTML ini nggak sendiri, dia juga dibantu oleh teman-temannya yang lain yaitu si CSS dan si JavaScript. Si HTML sendiri bertugas menyusun kerangka halaman web, si CSS yang akan merapihkan dan memperindah tampilan halaman web, sedangkan si JavaScript-lah yang bertugas membuat halaman web menjadi lebih interaktif.  

F.KESIMPULAN

     Semoga bermanfaat mungkin kalian sudah mengetahui tag-tag html dan fungsinya sehingga kalian bisa membuatnya. 

G.PENUTUP
     Sampai bertemu lagi dan terima kasih.

              Wassalamu'alaikum Wr.Wb.


 

MENGENAL HTML LEBIH JAUH

                     MENGENAL HTML LEBIH JAUH

     Assalamu'alikum Wr.Wb. 

A. PENDAHULUAN  
         Hallo sobat, kali ini saya akan sharing mengenai Mengenal HTML Lebih Jauh lagi.

B. LATAR BELAKANG 
        Pada awalnya latar belakang HTML hanyalah halaman-halaman berformat yang bisa dilihat oleh sedikit program browser. Sasaran awal HTML adalah menyajikan informasi teks yang memungkinkan pengguna terhubung atau beralih ke halaman-halaman web lainnya atau yang biasa disebut Hyperlink diantara isi dari website. Sekarang ini HTLM tidak hanya mampu memformat teks namun juga menyajikan grafik dan mengatur form-form data.

C. TUJUAN 
         Agar saya dapat mempelajari mengenai dan mengenal HTML lebih jauh lagi.

D. PEMBAHASAN 
       HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam 

ormat ASCII sehingga menjadi halaman web dengan perintah-perintah HTML. HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML).

                                    

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa).


E. KESIMPULAN
        Saya dapat mengakses secara offne. Dan dapat mempelajari bahasa pemrograman dengan baik dengan tidak risau lagi.
  
F. PENUTUP
        Demikian sharing dari saya. Terima kasih sudah berkunjung di blog saya.

      Wassalamu'alaikum Wr.Wb.