Saturday, January 20, 2018

Pengertian Elemen, Tag, Atribut Pada HTML


        Elemen, Tag, dan Atribut  pada html | Belajar HTML sama seperti judul di atas di kesempatan kali ini saya akan menjelaskan Elemen, Tag, dan Atribut.  di mulai dari pertanyakan apa yang di maksut dengan Elemen, Tag, dan Atribut  pada html.? bagaimana penulisan yang benar?



Apasih Elemen itu.?

Elemen adalah isi dari tag yang berada diantara tag pembuka dan tag penutup,  termasuk tag itu sendiri dan atribut yang dimilikinya. sebagai contoh perhatikan Code  HTML tersebut:
1
<p> Ini adalah sebuah paragraf </p>
pada contoh di atas , <p>kalimat paragraf</p> merupakan elemen P
Element tidak hanya berisi text, namun juga bisa berisi Tag lain 
 Contoh:

1
<p> Ini adalah sebuah paragraf </p>
Dari contoh diatas, Contoh kalimat merupakam element p. Dalam pembahasan atau tutorial tentang HTML, tidak jarang istilah tag elemnt dan  element saling dipertukarkan 

Pengertian Tag.?

Tag adalah suatu  penanda untuk elemen-elemen dalam suatu dokumen HTML dan tag membutuhkan cara untuk memberitahu web browser bagaimana suatu objek di tampilkan berdasarkan tag yang di gunakan  apakah objek itu berupa teks, video, suara dan gambar. Dan bisa Berupa paragraf, list, link.

Dalam Penulisan Tag di HTML ditulis secara berpasangan, dan penulisanya di antara dua karakter "<" dan  ">" dengan demikian perintah tersebut bisa dikenali web bworser dan memberitahu web browser bagaimana suatu objek yang mau di tampilkan. yang dimaksut secara bersamaan adalah adanya Tag Pembuka dan Tag Penutup tag tersebut disebut dengan Void Element

Contoh Code :

1
<h1> suka belajar Program di sukaproggrameer </p>

Keterangan : Perhatikan tag pembuka dan tag penutup, sebagai tag pembuka saya menggunakan H1 dan penutupnya saya menggunakan P. Penulisan seperti itu merupakan contoh yang salah. karena cara menggunakan tag yang benar adalah tag tersebut harus sama apabila tag pembuka menggunakan H1 dan Tag Penutup harus menggunakan H1 juga


Pengertian Atribut Dalam HTML.?

      Atribut merupakan informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar kecilnya text, Font atau gaya tulisan, dan lain lain. Setiap atribut memiliki pasangan nama dan nilai  (value) yang ditulis dengan name="value". value diapit tanda kutip, boleh menggunakan tanda kutip satu (') atau (").


1
<a href="sukaprogrammer.blogspot.com"> Sebagai Kalimat Link</a>

      Pada kode HTML diatas, href="sukaprogrammer.blogspot.com"adalah atribut. href merupakan nama dari atribut, dan Sukaprogrammer.blogspot.com adalah value atau nilai atribut tersebut. bisa kalian ganti dengan website atau blog anda sendiri
    
     Tidak semua tag membutuhkan atribut, tapi anda akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering digunakan untuk manipulasi halaman web menggunakan CSS maupun Javascript.

    HTML memiliki banyak atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Sebagai contoh, atribut “href” diatas hanya digunakan untuk tag <a> saja (dan beberapa tag lain). Penjelasan tentang tujuan dan pengertian dari atribut seperti href ini akan kita
Continue reading

Friday, January 19, 2018

Cara Membuat File HTML Dan Menjalannkanya

Membuat File HTML
Sebelum membuat file html ada beberapa bahan yang harus di siapkan seperti Web Browser, Aplikasih editor HTML. web browser sebuah aplikasi untuk menerima, menampilkan, dan informasi itu di buat dalam format html




Kode html yang kita buat akan diterjemahkan oleh web browser agar tampilan seperti yang dirancang sebelumnya. pada dasarnya seluruh web browser dapat menampilkan kode HTML yang sama baiknya, hal ini di karenakan tiap tiap program web browser menerjemahkan kode-kode HTML secara berbeda-beda, sehingga di perlukan sebuah standar yang sama untuk seluruh browser. saya menyarankan web browser yang strandart digunakan seperti Google Chrome, Mozilla Firefox. aslinya internet Explorer bisa tapi kurang Berminat saja.


Langkah Langkah Membuat File HTML





Untuk memudahkan mencari file sebaiknya membuat folder "Belajar HTML" terlebih dahulu.
Buka Notepad++ => buat file baru => buat file seperti di atas => Save di D:/Belajar HTML/index.html <= jangan lupa di belakang nama file kasih .html untuk mengasih format kepada file yang sudah kita buat tadi.

Membuka File HTML

Untuk membuka tinggal klik kanan file => open with => Browser yang sering di pakai. 
pada gambar di bawah ini saya menggunakan Google Chrome




Continue reading