Langsung ke konten utama

Postingan

Menampilkan postingan dari Agustus, 2017

Pengertian HTML Input Dan Contohnya

HTML <header> element merepresentasikan konten pengantar, pembukaan atau navigasi yang terdiri dari deretan link. Dalam penggunaannya, <header> element dapat berisi element heading (<h1>-<h6>) tapi tidak diperlukan, daftar isi (table of contents), sebuah logo, form pencarian dan lain sebagainya. <header> element bukanlah sebuah konten pemisah (sectioning content) karena ia bukanlah konten yang terdiri dari headings dan footers, karena jelas sekali dalam sebuah <header> tidak boleh terdapat element <header> lain. Elemen <header> tidak boleh digunakan sebagai anak element (descendant) dari <address>, <footer>, atau  <header> lainnya. <form action="formpendaftaran.php" method="get">   <label>Nama: <input type="text" name="user_name" /></label><br />   <label>Email/Surel: <input type="email" name="user_email" /...
Baca selengkapnya

Pengertian HTML Header Dan Contohnya

HTML <header> element merepresentasikan konten pengantar, pembukaan atau navigasi yang terdiri dari deretan link. Dalam penggunaannya, <header> element dapat berisi element heading (<h1>-<h6>) tapi tidak diperlukan, daftar isi (table of contents), sebuah logo, form pencarian dan lain sebagainya. <header> element bukanlah sebuah konten pemisah (sectioning content) karena ia bukanlah konten yang terdiri dari headings dan footers, karena jelas sekali dalam sebuah <header> tidak boleh terdapat element <header> lain. Elemen <header> tidak boleh digunakan sebagai anak element (descendant) dari <address>, <footer>, atau  <header> lainnya. <body>   <!-- header pertama -->   <header>     <h1>dul Blog</h1>     <nav>       <ul>         <li>           <a href="#">A...
Baca selengkapnya

Pengertian HTML Selektor_Kontekstual

Selektor Kontekstual hampir mirip dengan pernyataan-pernyataan kondisional - deklarasi Style-Sheet yang ada akan berpengaruh jika kondisi/keadaan tertentu dijumpai. Sebagai contoh, anggap anda ingin membuat semua teks yang bold  dan italic tampil dengan  huruf arial  dan berwarna biru. Selektor-Kontekstual nya akan seperti ini : <HEAD>  <STYLE TYPE="text/css">  B I {color: blue; font-family: Arial} /* selector ini kesemuanya untuk bold+italic text */  </STYLE>  </HEAD> CSS menawarkan berbagai macam cara untuk mengganti warna.  Paling mudah adalah dengan menggunakan salah satu dari pre-defined warna yang ada - aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,  teal, white, dan yellow.  Kamu juga dapat  menggunakan kombinasi warna heksadesimal dengan menambahkan atribut # (hastag). I {color: #0000FF)  Atau nilai kombinasi RGB dalam nilai absolut terhadap pe...
Baca selengkapnya

Pengertian HTML Pewarisan Dan Contohnya

Pewarisan pada dasarnya berarti bagian-bagian HTML yang kekurangan untuk sfesifikasi aturan CSS dapat mengikuti/dibuat menurut aturan CSS yang menutupinya. Setiap aturan yang tidak ada  pada HTML atau ingin menggantikannya dengan aturan CSS, tetap akan mempengaruhi huruf yang ada didalam kurungan CSS (waduh... kok kayaknya makin ribet aja sih? Hehehe Lihat contoh dibawah ini !! <HTML> <HEAD><TITLE>LEGI</TITLE></HEAD> <STYLE TYPE="text/css">  B { color : green }  </STYLE>  <BODY>  <B> Mengapa jika kita anggap <FONT SIZE="+1">suatu pekerjaan</FONT> itu mudah maka pekerjaan itu akan beneran menjadi lebih mudah? <P>Karena itu merupakan sugesti terhadap diri kita sendiri</B>  </BODY> </HTML>
Baca selengkapnya

CSS (Cascading Style Sheet

Manfaat: Memperindah tampilan halaman website. Mempermudah mengubah secara keseluruhan warna dan tampilan. Memformat ulang situs Anda secara cepat. Menghemat kode dan waktu dalam mendesain tampilan website
Baca selengkapnya
HTML <code> tag digunakan untuk menunjukkan sebuah bagian dari kode komputer (Computer code). Kode komputer mencakup sebuah nama element XML, nama sebuah file, program komputer, atau kode-kode lainnya yang dapat dikenali oleh komputer. Dalam penggunaannya, disarankan memakai nama class yang menunjukkan bahasa dari kode komputer yang digunakan. Contohnya, jika menuliskan kode CSS, maka dapat menggunakan nama class seperti: "language-css", sehingga dapat ditulis: <code class="language-css">...</code>.
Baca selengkapnya

Pengertian HTML bdo Dan Contohnya

HTML  bdo  element digunakan untuk mengganti arah text yang sedang berlaku pada sebuah element, sehingga secara tegas dapat memformat arah teks bagi kontent atau element keturunannya. copyright :http://dul.web.id/belajar/html/tag-element/bdo.php
Baca selengkapnya

Pengertian HTML label Dan Contohnya

HTML  <label>  element  merepresentasikan sebuah judul atau penamaan untuk item control ( <input> ,  <select>  dan lainnya) yang biasanya berkaitan dengan sebuah form.                copyright :http://dul.web.id/belajar/html/tag-element/label.php
Baca selengkapnya

Pengertian HTML data Dan Contohnya

HTML  <data>  tag  digunakan untuk merujuk konten dari sebuah data yang dapat dimengerti/dibaca oleh mesin penterjemah. Misalnya, <data> element dapat ditulis dengan attribute  value  dengan konten sebuah kode UPC (Universal Product Code) atau sejenis simbol/kode barcode untuk merujuk kode produk tertentu. copyright :  http://dul.web.id/belajar/html/tag-element/data.php
Baca selengkapnya

Pengertian HTML ol Dan Contohnya

<ol> tag mencakup  event attributes , yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya. http://dul.web.id/belajar/html/tag-element/ol.php
Baca selengkapnya

Penegertian HTML code Dan Contohnya

HTML  <code>  tag  digunakan untuk menunjukkan sebuah bagian dari kode komputer (Computer code). Kode komputer mencakup sebuah nama element XML, nama sebuah file, program komputer, atau kode-kode lainnya yang dapat dikenali oleh komputer. Dalam penggunaannya, disarankan memakai nama  class  yang menunjukkan bahasa dari kode komputer yang digunakan. Contohnya, jika menuliskan kode CSS, maka dapat menggunakan nama  class  seperti: "language-css", sehingga dapat ditulis:  <code class="language-css">...</code> . copy right  http://dul.web.id/
Baca selengkapnya

Pengertian HTML option Dan contohnya

HTML  <option>  element  merepresentasikan sebuah opsi (pilihan dari daftar alternatif). Jadi, opsi ditulis lebih dari satu sebagai daftar untuk memilih pilihan yang diinginkan oleh user. <option>  element ditulis sebagai anak element dari  <select> ,  <datalist>  dan  <optgroup> .
Baca selengkapnya

Pengertian HTML Form Dan Contohnya

HTML  <form>  element  digunakan untuk menampung macam-macam element yang berkaitan dengan sebuah form. Dalam sebuah form biasanya terdapat kotak input (control) dan element lainnya yang dapat diedit kemudian ditulis untuk dikirim pada sebuah server untuk diproses guna mendapatkan informasi tertentu dari atau untuk user. Element yang dapat digunakan untuk melengkapi sebuah form, diantaranya adalah sebagai berikut: <button> <fieldset> <input> <label> <legend> <optgroup> <option> <select> <textarea>
Baca selengkapnya

Pengertian HTMl Section Dan Contohnya

section  artinya  bagian  atau  seksi . HTML tag <section> merepresentasikan sebuah bagian dokumen atau aplikasi. Secara kontekstual,  <section>  element digunakan untuk mengelompokkan konten/dokumen menjadi beberapa bagian berdasarkan tema atau pokok pikiran masing-masing. Di dalam sebuah element <section>, sebaiknya ditulis pula element  heading , yaitu element <h1> sampai dengan <h6> yang ditulis secara langsung didalam element <section> sebagai anak element pertama yang menunjukkan judul atau tematik dari bagian konten tersebut. Dalam penggunaannya, <section> tidak diperuntukkan sebagai container yang digunakan untuk menampung beberapa elements dengan maksud untuk mendesign/memberi style dengan CSS. <section> berbeda dengan <div> karena ia memiliki arti semantik (semantic meaning) yang dapat digunakan untuk mengklasifikasikan bagian dari outline sebuah dokumen.
Baca selengkapnya

Pengertian HTML style Dan Contohnya

HTML  <style>  element  digunakan untuk menyisipkan kode  style  atau CSS ke dalam sebuah dokumen web (HTML). <style>  element ditulis di dalam element  <head>..</head>  yang merupakan bagian kepala sebuah dokumen HTML. Apabila dituliskan attribute  scoped , maka penempatannya boleh ditulis di bagian manapun di dalam element HTML, yang mana  style  tersebut hanya berlaku dalam lingkup element itu sendiri (element yang menaunginya). Elemen  style  merupakan satu dari berbagai cara yang dapat digunakan untuk mengaplikasikan  style  atau kode CSS kedalam HTML.
Baca selengkapnya

Pengertian HTML i Dan Contohnya

HTML  <i>  element  digunakan untuk merepresentasikan sebuah teks yang ditujukkan dengan maksud lain dari teks utama. Seperti teks yang mengindikasikan istilah teknis, taksonomi ( taxonomic ), idiom atau istilah bahasa lain, transliterasi (terjemahan), istilah yang bersumber dari buah pikiran atau istilah yang diambil dari bahasa asing. Teks yang ditulis didalam  <i>  element, biasanya memiliki style  italic  atau  tulisan miring . Akan tetapi, Anda dapat mengatur style sendiri sesuai keinginan dengan CSS.
Baca selengkapnya

Pengertian HTML ul Dan Contohnya

<ul>  menunjukkan sebuah  Unordered List  atau  Daftar Acak . HTML  <ul>  element digunakan untuk merepresentasikan sebuah daftar item atau koleksi beberapa item yang dapat disusun kembali secara acak tanpa penomoran. Artinya, apabila item-item tersebut diubah urutannya, tidak akan berpengaruh pada dokumen (lihat  Contoh 2  dibawah). Untuk menulis sebuah item dalam daftar (list), digunakan element <li> yang menunjukkan  List Item . Jadi, <li> terletak didalam  <ul>  dan dapat ditulis lebih dari satu element.  <ul>  juga bisa saja terletak (ditulis) didalam  <li>  yang menunjukkan tingkatan daftar (list) bersarang (nested).
Baca selengkapnya

Pengertian HTML Div Dan Contohnya

div  menunjukkan  division  (divisi atau bagian), yaitu generik blok konten yang dapat digunakan sebagai kontainer (penampung) untuk meng-group beberapa elemen menjadi satu. HTML  <div>  element  dapat dijadikan "wadah" untuk menempatkan beberapa elemen menjadi satu bagian, yang penggunaannya ditujukan untuk mempermudah aplikasi style dengan CSS dan perlakuan khusus lainnya yang kemudian dapat diberi atribut  class ,  id ,  title  dan lain sebagainya. HTML  <div>  element  tidak memiliki arti khusus atau lebih dikenal dengan elemen yang tidak memiliki arti semantik ( semantic meaning ).
Baca selengkapnya

Pengertian HTML p Dan Contohnya

<p>  element sebaiknya tidak boleh digunakan apabila ada element lain yang lebih cocok untuk digunakan, contohnya menggunakan  <address>  element, lebih tepat dibandingkan dengan  <p>  element dalam sebuah informasi kontak penulis artikel (author).
Baca selengkapnya

Pengertian HTML IMG Dan Contohnya

img  menunjukkan  image  yang berarti  gambar  dan oleh karenanya digunakan untuk menyisipkan gambar. Gambar didalam sebuah dokumen HTML tidak dimasukkan sepenuhnya pada file ( .html , misalnya) akan tetapi, hanya merujukkan file sumber gambar tersebut berada (disimpan). img  element, ibarat sebuah rumah atau penampung (container) bagi sebuah file gambar (picture). Anda dapat memasukkan file gambar seperti  .jpg ,  .gif  dan  .png  didalam element  img  dengan merujukkan (link) file gambar tersebut yang di ditulis pada  src  attribute. HTML  <img>  element  memiliki beragam attribute yang dapat ditulis sesuai kebutuhan. Akan tetapi, hanya dua attribute yang wajib ditulis pada setiap  <img />  element, yaitu  src  dan  alt  attribute.  src  attribute menujukkan sumber file tersebut berada, sedangkan  alt  menujukkan alternatif text y...
Baca selengkapnya

Pengetian HTML Link Dan Contohnya

HTML  <link>  element  menunjukkan sebuah hubungan (link) antara dokumen (HTML) yang bersangkutan dengan sumber file dari luar (eksternal). <link> ditulis di dalam element <head>..</head> tanpa tag penutup ( end tag ), juga merupakan element kosong tanpa konten apapun yang hanya berisi attribute saja.  <link>  element selalu digunakan untuk merujuk file CSS yang berekstensi  .css , yang berisi aturan kode CSS, sehingga kode tersebut dapat diaplikasikan untuk mendesain dan memberi sentuhan tampilan yang menarik pada sebuah dokumen web yang merujuk file tersebut. Element  <link>  dapat ditulis lebih dari satu kali, tergantung kebutuhan file CSS yang ingin dirujuk dan dipergunakan. Semakin banyak, tentunya semakin memperlambat  loading  halaman tersebut. Jika Anda bermaksud ingin  belajar HTML link  yang merujuk (membuka) website atau dokumen lain ketika diklik, silahkan pelajari  HT...
Baca selengkapnya

Pengertian HTML b Dan Contohnya

HTML element  <b>  menunjukkan  bold  yang artinya tegas/tebal, sehingga konten atau teks yang diapit dengan element <b>...</b> akan memiliki tampilan tulisan dengan cetak tebal. Dalam hal menegaskan tulisan yang memiliki arti penting sebaiknya gunakan element  <strong>  dibandingkan  <b> . Element  b  hanya men-style element dengan cetak tebal tanpa memberi makna yang penting dan relevan, contohnya dalam penulisan keywords pada tulisan, nama produk di dalam review, prakata didalam artikel dan teks lain yang ingin terlihat tebal tulisannya saja. Element  b  hanya digunakan sebagai alternatif terakhir ketika tidak ada element lain yang lebih cocok digunakan.
Baca selengkapnya

Pengertian HTML Audio Dan Contohnya

HTML  audio  element menunjukkan sebuah sound atau audio yang dapat disisipkan pada halaman web dan diputar untuk didengarkan. Modern browser mendukung beberapa format file audio diantaranya: mp3, ogg dan wav. Konten lain (seperti teks) dapat disisipkan untuk browser yang tidak mendukung HTML5 audio, dan apabila audio file tidak dapat diputar, maka konten ini akan muncul sebagai gantinya ( fallback ).
Baca selengkapnya

Pengertian HTML Video Dan Contohnya

HTML  <video>  element  digunakan untuk merujuk sumber file video, sehingga dapat diputar (dimainkan) pada halaman web. Dalam merujuk sumber file video, digunakan attribute  src  yang menunjukkan  source  (sumber) yang mengarah pada link file video tersebut berada (disimpan), ditulis baik didalam element  <video>  itu sendiri atau didalam element  <source>  yang merepresentasikan sumber video lebih dari satu format, sehingga browser dapat memilih format video yang tepat (didukung). Didalam element  <video>  dapat ditulis konten (teks), untuk browser lawas yang tidak mendukung HTML5 video. Teks ini, akan tampil sebagai ganti dari video yang tidak dapat diputar.
Baca selengkapnya

Pengertian HTML element BODY

HTML element body  menunjukkan konten sebuah dokumen. Isi dari sebuah dokumen HTML yang akan ditampilkan pada jendela browser terdapat pada elemen <body>, sedangkan informasi dan keterangan lainnya yang berkaitan dengan dokumen tersebut dapat ditulis pada element <head>. <body> tag mencakup  event attributes , yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Baca selengkapnya

Pengertian HTML element br

HTML element  br  menunjukkan sebuah  line break (garis baru). Elemen  br  sebaiknya digunakan hanya untuk garis baru yang benar-benar merupakan bagian dari sebuah konten, seperti digunakan pada baris syair, puisi dan alamat. <br> tag mencakup  global attributes , yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags. <br> tag mencakup  event attributes , yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Baca selengkapnya

HTML element TABLE

Tabel   (Table)  adalah sebuah data tabular dalam bentuk grid yang terdiri dari kolom ( column ), baris ( row ) dan  celll  yang merupakan pertemuan antara kolom dan baris. HTML  <table>  element  merepresentasikan data dengan lebih dari satu dimensi dalam bentuk sebuah tabel (table). Table di dalam HTML dibentuk dengan sebuah baris (row), tepatnya menggunakan element  <tr>  yang merupakan kepanjangan dari  table row . Adapun element pendukung lain yang membentuk sebuah table adalah  <th>  ( table header ) dan  <td>  ( table data ). <td> menunjukkan sebuah  cell , sedangkan <th> menunjukkan cell induk dan ditandai dengan tulisan cetak tebal. Element lain yang berkaitan dan digunakan dalam sebuah HTML table adalah  <caption> ,  <col> ,  <colgroup> ,  <thead> ,  <tfoot>  dan  <tbody> .
Baca selengkapnya

Pengertian Heading Dan Contohnya

Heading  Heading adalah perlengkapan SEO sederhana yang berfungsi untuk menyusun level-level heading dan subheading pada website. Header mempunyai tingkatan yang ada 6 dan dimulai dari H1 hingga H6. H1 yaitu header yang paling besar dan yakni H6 header yang paling kecil. Penggunaan H1 biasanya digunakan untuk judul blog, dan h2 digunakan untuk judul posting, serta h3 untuk widget. Jika dilihat dalam tingkatan heading, maka level header pertama seharusnya mengandung keyword yang utama pada blog atau pada artikel. Fungsi Heading Teknik heading dalam sebuah blog sangat penting. karena dengan bantuan tag heading di blognya, maka akan mempermudah google dan mesin pencari lainnya mencari serta mengindex blog anda dengan cepat. Selain itu, dengan teknik tag heading ini juga akan mempermudah para pembaca yang datang ke website atau blog Anda memahami informasi dari artikel yang Anda berikan. Heading pada sebuah halaman web, memiliki fungsi sama dengan heading yang ada di halam...
Baca selengkapnya

Pengertian HTML

HTML  adalah,  (HyperText Markup Language)  sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.
Baca selengkapnya