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

Thursday, December 28, 2017

Pengertian HTML Dan Fungsi HTML

Pengertian HTML
HTML atau yang merupakan singkatan dari Hypertext Mark Up Language adalah bahasa standar pemrograman untuk membuat suatu halaman utama blog atau website yang bisa diakses dengan adanya internet.  Dengan kata lain halaman website yang kita lihat dan kita baca disusun dengan menggunakan bahasa pemograman Html ini dan kemudian diterjemahkan oleh komputer agar dapat dipahami oleh penggunanya. Html merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer.

Html disusun dengan kode dan simbol tertentu yang dimasukkan ke dalam sebuah file atau dokumen. Jadi setiap Anda membuka website apapun dengan menggunakan browser maka web tersebut dibuat dengan menggunakan html.

Dari singkatan hypertext markup language itu sendiri kita bisa mengetahui makna dari html. Hypertext adalah suatu metode yang digunakan untuk berpindah laman web ke laman yang lain dengan mengklik suatu tulisan atau simbol pada laman website.
Istilah markup pada html sendiri diartikan sebagai suatu hal yang dilakukan tag html terhadap teks yang berada didalamnya, misal jika mengetik suatu teks dengan tanda tag <b> maka teks tersebut akan muncul sebagai teks dengan huruf tebal atau bold pada suatu laman website.
Simbol atau tag html tersebut ditulis pada laman html yang sudah disediakan pada dashboard website pada umumnya. Sementara language dalam html adalah bahasa pemrograman atau script yang disusun dari tag-tag tertentu yang nantinya akan diterjemahkan kedalam teks atau visual yang dapat dilihat pada website.

Fungsi HTML

Html yang dikenal sebagai bahasa pemrograman dalam ilmu komputer memiliki beberapa fungsi, diantaranya adalah sebagai berikut:
1. Fungsi utama html yang diketahui adalah untuk membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna dengan lebih mudah. Seluruh laman website yang ada dalam internet  dibuat dengan html dan tidak ada pengecualian.
2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode <i>, <b> untuk teks tebal dan <u> untuk teks bergaris bawah.
3. Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web memiliki bahasa html sebagai dasarnya.
3. Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh sebab itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html.
4. Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagian dalam website diantaranya header, main, footer, navigation dan lain sebagainya. Selain itu html juga biasanya digunakan sebagai bahasa dalam membuat suatu online form atau formulir digital

 
Continue reading