HTML · Tutorial

TUTORIAL HTML-MEMBUAT SHORTCUT LINK

MEMBUAT SHORTCUT LINK Dengan adanya shortcut link, maka pengujung web masih dapat membuka link tanpa menggunakan mouse. Konsep ini mengadopsi pada aplikasi berbasis BUI. Untuk membuat shortcut link cukup dengan menambahkan atribut acceskey=”shortcut” pada < a href=”url”>. Untuk tips, hindari huruf shortcut yang sama dengan shortcut menu aplikasi browser. Contoh Penggunaan TAG  <a href=”#hal1″accesskey=”v”>Halaman 1</a>(Alt+V,Ctr+V)<br/>… Continue reading TUTORIAL HTML-MEMBUAT SHORTCUT LINK

HTML · Tutorial

TUTORIAL HTML-MEMBUAT ANCHOR

MEMBUAT ANCHOR Untuk membuat anchor, langkah pertama harus memberi nama anchor terlebih dahulu pada bagian yang akan ditargetkan. Hal ini dapat dilakukan dengan perintah <a name=”nama anchor”> dan diakhiri </a>. Contoh Penggunaan TAG  <body> <h1> <a name=”daftar”>Daftar Isi</a> </h1> <p> <a href=”#hal1″>Halaman 1</a><br /> <a href=”#hal2″>Halaman 2</a><br /> <a href=”#hal3″>Halaman 3</a><br /> </p> <h1> <a… Continue reading TUTORIAL HTML-MEMBUAT ANCHOR

HTML · Tutorial

TUTORIAL HTML-MEMBUAT LINK

MEMBUAT LINK Fungsi dari link sendiri adalah menghubungkan satu halaman web dengan halaman web lain baik dalam satu situs maupun tidak. Untuk membuat link dalam bentuk teks atau gambar caranya dengan memberi perintah <a href=”url” dan diakhiri dengan </a>. Contoh Penggunaan TAG  <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title> Link </title> </head> <body> <h1>Link</h1> <p>… Continue reading TUTORIAL HTML-MEMBUAT LINK

HTML · Tutorial

TUTORIAL HTML-MEMBUAT GARIS HORIZONTAL

MEMBUAT GARIS HORIZONTAL Garis horizontal ini digunakan sebagai pemisah antar bagian dalam halaman web. Garis ini bukanlah image, namun obyek yang dihasilkan secara otomatis oleh tag dalam HTML. Untuk membuat garis horizontal caranya dengan menuliskan perintah <hr />. Contoh Penggunaan TAG  <body> <h1>Mawar</h1> <hr width=”80%” align=”left” size=”10″ noshade=”noshade” /> <img src=”flower.jpg” hspace=”20″ align=”right” width=”300″ height=”250″… Continue reading TUTORIAL HTML-MEMBUAT GARIS HORIZONTAL

HTML · Tutorial

TUTORIAL HTML-MEMBUAT SINGKATAN

MEMBUAT SINGKATAN Dalam HTML ada tag yang dapat menjelaskan kepada pembaca atau pengunjung web tentang suatu singkatan yang kita tulis. Caranya adalah dengan menambahkan tag <abbr title=”kepanjangan”> dan diakhiri dengan </abbr> . Contoh Penggunaan TAG  <body> <h1>Tentang HTML 5</h1> <h1>News Dot Com – Sebuah Parodi Politik</h1> <p> <abbr title=”Radio Detecting and Ranging”>RADAR</abbr> saat ini telah… Continue reading TUTORIAL HTML-MEMBUAT SINGKATAN

HTML · Tutorial

TUTORIAL HTML-MENANDAI PERUBAHAN TEKS

MENANDAI PERUBAHAN TEKS Untuk memberi tanda perubahan teks yang berupa sisipan teks baru dengan cara perintah <ins> dan diakhiri dengan </ins>. Sedangkan untuk menandai teks yang telah dihapus gunakan <del> dan akhiri </del>. Contoh Penggunaan TAG  <body> <h1>Tentang HTML 5</h1> <h1>News Dot Com – Sebuah Parodi Politik</h1> <p> Satu lagi acara komedi yang selalu mengkritisi… Continue reading TUTORIAL HTML-MENANDAI PERUBAHAN TEKS

HTML · Tutorial

TUTORIAL HTML-SUPERSCRIPT & SUBSCRIPT

SUPERSCRIPT & SUBSCRIPT Superscript adalah indeks atas seperti karakter 3 dan 2 pada contoh persamaan. Subscript adalah indeks bawah seperti karakter 2 dan 4 pada H2SO4. Untuk membuat superscript dengan cara <sup> dan diakhiri </sup>. Sedangkan subscript adalah <sub> dan diakhiri </sub>. Contoh Penggunaan TAG  <body> <h1>Superscript dan Subscript</h1> <p>Berikut ini contoh penggunaan superscript dan… Continue reading TUTORIAL HTML-SUPERSCRIPT & SUBSCRIPT

HTML · Tutorial

TUTORIAL HTML-PREFORMATTED TEXT

PREFORMATTED TEXT Preformatted text mempunyai fungsi yang sama dengan monospaced font hanya saja bedanya preformatted text lebih memudahkan jika terdiri dari baris yang banyak. Untuk membuat preformatted text dengan cara perintah <pre> dan diakhiri </pre>. Contoh Penggunaan TAG Preformatted Text <body> <pre> &lt;?php<br /> $mangga =&quot;manalagi&quot;;<br /> $lampu =&quot;philips&quot;;<br /> $hewan =&quot;sapi&quot;;<br /> $kuliah =&quot;d3ti&quot;;<br… Continue reading TUTORIAL HTML-PREFORMATTED TEXT

HTML · Tutorial

TUTORIAL HTML-MEMBUAT MONOSPACED FONT

MEMBUAT MONOSPACED FONT Monospaced font digunakan jika ingin mempublish code yang digunakan dalam web tersebut dengan format font yang berbeda dengan text yang lainnya yang ditampilkan dalam web tersebut. Untuk membuat monospaced font dapat digunakan perintah <code> dan diakhiri </code> Contoh Penggunaan TAG Monospaced Font <body> <code> &lt;?php<br /> $mangga =&quot;manalagi&quot;;<br /> $lampu =&quot;philips&quot;;<br />… Continue reading TUTORIAL HTML-MEMBUAT MONOSPACED FONT

HTML · Tutorial

TUTORIAL HTML-MEMBUAT BOLD DAN ITALIC

MEMBUAT BOLD DAN ITALIC Terkadang suatu teks dalam paragraf perlu adanya penekanan. Untuk keperluan tersebut, teks tersebut perlu diformat supaya lebih menonjol. Anda dapat membuat suatu teks menjadi tebal(bold), miring(italic), maupun garis bawah. Untuk membuat teks menjadi bold dengan format <b> dan diakhiri </b>. Sedangkan italic <i> dan diakhiri </i>. Dan untuk garis bawah adalah… Continue reading TUTORIAL HTML-MEMBUAT BOLD DAN ITALIC