Para Pencari Ilmu Tuts

Download Aplikasi Text Editor Terbaru

Assalamualaikum Wr. Wb.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/06/download--text-editor-terbaru-2016.html" target="_blank"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1AZA0jK2S_eeUASLCMhFlYhABm3pxHRnECQd25tbXEvMULp2bpxQazcy4S_M58W4PpF9Q706hncuVqLWO6mZHEq6JCmYFuS1kAkEDW9KChJ9T1wGSUP75hPNmRsx0AzI1zpfeCPJPm8/s400/ppiii.jpg" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<br />
<div style="text-align: justify;">
<b>Download Aplikasi Text Editor Terbaru</b> | Bagi teman teman yang suka membaca <i>Tutorial </i>di blog ini pasti sering membaca "...Copy script di bawah ke <u><i>text editor</i></u>" nah, kali ini saya akan berbagi <i><a href="http://ppi-tuts.blogspot.com/search/label/Software" target="_blank">software </a></i>gratis yang biasa saya dan jutaan programmer lainnya gunakan untuk menulis script.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke langsung saja kita mulai.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">1. Notepad++</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQULLkO_9_CltVjIcwlMsvvPrAMXHKzoD5LqyQtw2xjh8yEC4T0VXKE16DNNctuPeFhMNqSy1lwe5bW0OAxT2QKle0VWLblV3H49BPALnkm-3av5sOcKrHhPtjL-yT6_O5t33MNcuN98/s1600/Screenshot_3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQULLkO_9_CltVjIcwlMsvvPrAMXHKzoD5LqyQtw2xjh8yEC4T0VXKE16DNNctuPeFhMNqSy1lwe5bW0OAxT2QKle0VWLblV3H49BPALnkm-3av5sOcKrHhPtjL-yT6_O5t33MNcuN98/s400/Screenshot_3.png" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aplikasi ini adalah sebuah text editor yang cocok digunakan untuk menulis banyak bahasa pemrograman seperti, <a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank"><i>HTML</i></a>, <i><a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank">CSS</a></i>, <i><a href="http://ppi-tuts.blogspot.com/search/label/PHP" target="_blank">PHP</a> </i>dan lain lain. Tampilannya cukup sederhana dan mudah di gunakan untuk pemula.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<a href="http://sh.st/D4PdG" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">2. Brackets</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidKyvySQhsmnjyR4-Px-a5iyQWMESNmGbcWBx-HXAScj1do_9byk2pEamylZNAS3loFkKsmFaAMWB5cVPtqSLxXzzIIhBkkDtTcM3MYrJ6smcsm6zleTIiodjvQWcsmlPLcOgf0MFiS8o/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidKyvySQhsmnjyR4-Px-a5iyQWMESNmGbcWBx-HXAScj1do_9byk2pEamylZNAS3loFkKsmFaAMWB5cVPtqSLxXzzIIhBkkDtTcM3MYrJ6smcsm6zleTIiodjvQWcsmlPLcOgf0MFiS8o/s400/Screenshot_4.png" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hampir sama dengan notepad++, aplikasi ini mempunyai antar muka pengguna yang cukup menarik, selain itu juga sangat mudah di gunakan untuk menulis Bahasa Pemrograman.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<a href="http://sh.st/D4PdP" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">3. Atom</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisS0_gomOf9U4-_ym5W4OJYJJb3VWHm4eO80Cm6pPw47BxwYopUs7NbZ5l2VuDuxhIVXIkA8XHn286RhxuU11l7V9ZfPKGSK4FyaGtruOMaOuZloFIhaws_m5GSPVO8rPoDHmNlu8tDUw/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Download Aplikasi Text Editor Terbaru" border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisS0_gomOf9U4-_ym5W4OJYJJb3VWHm4eO80Cm6pPw47BxwYopUs7NbZ5l2VuDuxhIVXIkA8XHn286RhxuU11l7V9ZfPKGSK4FyaGtruOMaOuZloFIhaws_m5GSPVO8rPoDHmNlu8tDUw/s400/Screenshot_5.png" title="Download Aplikasi Text Editor Terbaru" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Yang terakhir ada Atom, aplikasi ini mirip dengan Brackets, tetapi mempunyai antar muka pengguna yang lebih futuristik dan menarik, selain itu aplikasi ini mempunyai fitur Smart Autocompletion yang mempermudah ketika kita salah menulis bahasa pemrograman.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<a href="http://sh.st/D4PdT" rel="nofollow" target="_blank">DOWNLOAD</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah, itulah beberapa software editing gratis yang bisa teman teman gunakan untuk coding dirumah atau mempraktikkan tutorial dari blog kami.<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;"><b><a href="http://sh.st/D80cz" rel="nofollow" target="_blank">Download All In One</a></b></span></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Semoga bermanfaat, jangan lupa follow dan subscribe blog kami, follow semua Social Media <i>Facebook </i>dan <i>Twitter</i>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Terima Kasih.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

Download Aplikasi Text Editor Terbaru

Assalamualaikum Wr. Wb. Download Aplikasi Text Editor Terbaru | Bagi teman teman yang suka membaca Tutorial di blog ini pasti sering membaca "...Copy script di bawah ke text editor" nah, kali ini saya…

Baca selengkapnya »

26 Jun 2016

HTML Dasar: Bermain dengan Table

<div style="text-align: justify;">
Assalamualaikum Wr. Wb.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/06/html-dasar-table.html" target="_blank"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgYJDpALxKUP_88fsfYpND_vqBwed4SLJNX0PtPTlNsKIU71EbitaYuF7iYPUjuexRH4FeCax07EiAe20xZgdaxE44yrJkO_pKnXDYJZhVFQ6nrkfBQUZ2cpDmgHtfyqMiJSWTNGY5yc/s320/g.png" title="HTML Dasar: Bermain dengan Table" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>HTML Dasar: Bermain dengan Table</b> | Pada kesempatan ini saya akan membahas tentang table dalam <a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a>, Fungsi tabel ini sangat banyak dan di butuhkan dalam <i><a href="http://ppi-tuts.blogspot.com/search/label/Web%20Design" target="_blank">Web</a></i>, biasanya fungsi table dalam HTML di gunakan untuk membuat sebuah tabel, layouting, design form, dan lain sebagainya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke, langsung saja kita mulai dengan tag awal yang di gunakan dalam table adalah tag <table>..</table>, tag ini adalah sebuah tag pembuka untuk mengidentifikasi sebuah table dalam file HTML, selanjutnya yaitu untuk membuat sebuah row atau baris dengan tag <tr>..</tr>, di dalam sebuah tag row, barulah ada tag <td>...</td> yang mengidentifikasikan sebuah coloumn atau kolom yang menyamping ke kanan, dan ada juga tag <th>..</th> yang digunakan untuk membuat sebuah table heading.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langsung saja kita praktikkan...</div>
<div style="text-align: justify;">
<br /></div>
<pre class="brush: html"><table border="1" style="width:50%">
  <tr>
    <td><b>No</b></td>
    <td><b>Heading</b></td> 
    <td><b>Heading Lagi</b></td>
  </tr>
  <tr>
    <td>1</td>
    <td>Data</td> 
    <td>Datadata</td>
  </tr>
</table>
</pre>
<div style="text-align: justify;">
<br />
Maka hasilnya seperti ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHrxHnQi65hASlEoLw59YnulKBzsoil8KtroDqasmb8ZZ0RvEXo0rrGhtvSyqXB40iX9BQ4Ddxl-ENG0SsHNeX9QcM3V6ecB6HTxL9MjWBRFoxSDLYQbOxV_68UcpNOCpkxaCCGYpyI8/s1600/Screenshot+from+2016-06-25+08%253A05%253A47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHrxHnQi65hASlEoLw59YnulKBzsoil8KtroDqasmb8ZZ0RvEXo0rrGhtvSyqXB40iX9BQ4Ddxl-ENG0SsHNeX9QcM3V6ecB6HTxL9MjWBRFoxSDLYQbOxV_68UcpNOCpkxaCCGYpyI8/s400/Screenshot+from+2016-06-25+08%253A05%253A47.png" title="HTML Dasar: Bermain dengan Table" width="400" /></a></div>
<br />
Atribut border diatas digunakan untuk menentukan bahwa tabel tersebut terdapat border (garis) atau tidak, sedangkan width digunakan untuk menentukan lebar tabel tersebut.<br />
<br />
Sekarang kita akan mencoba untuk styling tabel menggunakan <i><a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank">CSS</a></i> dengan menambahkan tag <style> atau dengan file <i><a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank">CSS</a></i>.<br />
<br /></div>
<pre class="brush: css">table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
</pre>
<br />
Maka border akan berubah<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSNOkcVlu6XJpywQ7M8-PhQad5q_j6kPDscXJlGn8WCH3JSUebiMHuKHvIIMHC9YpHUvl5pkNrjjW-N-ROuAs9EV6d7GSqZLCj0PDmGNDn4VMTnK-7BFIRVw5suoXIiogcBMweybG-7E/s1600/Screenshot+from+2016-06-25+08%253A10%253A56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwSNOkcVlu6XJpywQ7M8-PhQad5q_j6kPDscXJlGn8WCH3JSUebiMHuKHvIIMHC9YpHUvl5pkNrjjW-N-ROuAs9EV6d7GSqZLCj0PDmGNDn4VMTnK-7BFIRVw5suoXIiogcBMweybG-7E/s400/Screenshot+from+2016-06-25+08%253A10%253A56.png" title="HTML Dasar: Bermain dengan Table" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Terlihat border pada tabel tersebut menjadi tanpa space dan berwarna hitam tebal dan berukuran 1 px.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Sekarang kita akan belajar tentang colspan dan rowspan, colspan adalah sebuah fungsi yang digunakan untuk membuat beberapa kolom dalam sebuah tabel menjadi satu, sedangkan rowspan membuat beberapa baris menjadi satu. Langsung saja kita praktikkan</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<pre class="brush: html"><table border="1" width="50%">
  <tr>
    <th>Nama:</th>
    <td>Roihan Azian</td>
  </tr>
  <tr>
    <th rowspan="2">HP:</th>
    <td>555 77 854</td>
  </tr>
  <tr>
    <td>555 77 855</td>
  </tr>
  <tr>
      <td colspan="2">Telpon</td>
  </tr>
</table></pre>
<br />
Maka jika kita preview hasilnya akan seperti gambar di bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyS7efUNRIvrhj8Z12d089cyTMp9sSedlS1Y06GYyO-XZ985wMKzJ5vnVp4kGu8cronjexKVpZUaVR9zs2JK_9ara1EMU9RKGZNWJ1FABRhWDY0i3cxo054G4l7x5fcd2s1xvdzz4C3j8/s1600/Screenshot+from+2016-06-25+08%253A21%253A40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain dengan Table" border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyS7efUNRIvrhj8Z12d089cyTMp9sSedlS1Y06GYyO-XZ985wMKzJ5vnVp4kGu8cronjexKVpZUaVR9zs2JK_9ara1EMU9RKGZNWJ1FABRhWDY0i3cxo054G4l7x5fcd2s1xvdzz4C3j8/s400/Screenshot+from+2016-06-25+08%253A21%253A40.png" title="HTML Dasar: Bermain dengan Table" width="400" /></a></div>
<div style="text-align: justify;">
Kolom <i>HP</i> diatas menjadi seperti itu karena menggabungkan 2 baris dengan atribut <i>rowspan="2"</i>, sedangkan kolom <i>telpon</i> menjadi panjang karena menggabungkan 2 kolom dengan atribut colspan="2".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Itulah sedikit pembahasan tentang <i>HTML</i> table, jika ada kesalahan atau pertanyaan silahkan kirimkan ke <i><b><a href="https://www.facebook.com/ppituts/" rel="nofollow" target="_blank">Facebook</a></b></i> dan <b><i><a href="https://twitter.com/Official_PPI" rel="nofollow" target="_blank">Twitter</a></i></b> kami, atau bisa juga dengan berkomentar di bawah.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Terima kasih atas kunjungan anda, semoga bermanfaat.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

HTML Dasar: Bermain dengan Table

Assalamualaikum Wr. Wb. HTML Dasar: Bermain dengan Table | Pada kesempatan ini saya akan membahas tentang table dalam HTML, Fungsi tabel ini sangat banyak dan di butuhkan dalam Web, biasanya fungsi t…

Baca selengkapnya »

25 Jun 2016

Belajar HTML dan Menjalankannya Secara Online

Assalamualaikum Wr. Wb.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2016/06/online-html-editor.html" target="_blank"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1uYcenBz87SUBt9Cz8kgLsevornoFx1hSoMqzxQMJ8nuNC3ttrQ4egKpMwDbDTzyGXWJ_Zy85AjAsC07nG4tiPnEy60kgAodOPCFUmHtradA5ADcUzy2954GxpjbQ7cbrZevsHXoS57g/s400/Screenshot+from+2016-06-24+14%253A53%253A42.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<b>Belajar HTML dan Menjalankannya Secara Online</b> | Pada kesempatan kali ini saya akan berbagi sedikit untuk mempermudah kita dalam belajar <a href="http://ppi-tuts.blogspot.com/search/label/Web%20Design" target="_blank">Pemrograman Web</a> khususnya <i><a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a></i>, mungkin teman-teman sudah sering membaca artikel tentang Tutorial <i><a href="http://ppi-tuts.blogspot.com/search/label/Web%20Design" target="_blank">Web Design</a></i> <i>HTML</i> dan <a href="http://ppi-tuts.blogspot.com/search/label/CSS" target="_blank"><i>CSS</i></a> disini, di tutorial tersebut biasanya teman teman akan mempraktikkannya secara langsung di notepad dan di jalankan di browser.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tetapi kali ini saya akan berbagi sedikit tips untuk mempermudah menjalankan sebuah file HTML dan CSS untuk pemula agar mudah dalam praktik nya nanti.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Oke langsung saja kita mulai dari yang pertama.</div>
<br />
<span style="font-size: large;">1. html-online.com</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAfTZP_AHUt34AOU5rUq3zRYJHUZAMRENsyRnuukb481NCYMrPMoq5GO8t4qcIb3JcyuUOiaLVBeQEfdUyEn4zAjLnhaBV-qD7Aua8HSCpvrfSUWBTGaz6mNj4u2kQ-uHchMJqTe_FiQ/s1600/Screenshot+from+2016-06-24+14%253A39%253A59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVAfTZP_AHUt34AOU5rUq3zRYJHUZAMRENsyRnuukb481NCYMrPMoq5GO8t4qcIb3JcyuUOiaLVBeQEfdUyEn4zAjLnhaBV-qD7Aua8HSCpvrfSUWBTGaz6mNj4u2kQ-uHchMJqTe_FiQ/s400/Screenshot+from+2016-06-24+14%253A39%253A59.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<br />
<div style="text-align: justify;">
Dalam aplikasi ini anda bisa secara langsung menjalankan file HTML dnegan live preview di layar sebelah kirinya, jadi bisa mempermudah anda dalam belajar HTML.</div>
<br />
<span style="font-size: large;">2. onlinehtmleditor.net</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVTtsUo95X3915k5ocevsrW9ag-4lIesZWJYjRCNGnE7Lmx8KWdKOVZICa-R_tvgQ7N7vI0xeB56zBp_MU7TaKFsmoxfP16v3NXxq4MWdAUN6yGDWVNlruVo4Hrd8vjvTaEXo9rzJetA/s1600/Screenshot+from+2016-06-24+14%253A44%253A00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVTtsUo95X3915k5ocevsrW9ag-4lIesZWJYjRCNGnE7Lmx8KWdKOVZICa-R_tvgQ7N7vI0xeB56zBp_MU7TaKFsmoxfP16v3NXxq4MWdAUN6yGDWVNlruVo4Hrd8vjvTaEXo9rzJetA/s400/Screenshot+from+2016-06-24+14%253A44%253A00.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hampir sama dengan yang atas, aplikasi/web ini mempunyai tampilan yang lebih sederhana, dan bentuk previewnya hampir sama dengan browser pada umumnya, tidak seperti editor atas yang mempunyai tampilan seperti di text editor.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">3. www.tutorialspoint.com/try_html_online.php</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QxJw8xWK0nHW3V5_hgD3ybkw5iiTnhAz63FES6qLzzFc2tW1rdicvpzWcQE5u7bK0Z1MQGfBEfED5fdDovTZATBmxFHPU5nMWY1Eo82rDZ2AGqeh1W8Ukk-5VeMp56RXhLPQeEpMC54/s1600/Screenshot+from+2016-06-24+14%253A49%253A41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Belajar HTML dan Menjalankannya Secara Online" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QxJw8xWK0nHW3V5_hgD3ybkw5iiTnhAz63FES6qLzzFc2tW1rdicvpzWcQE5u7bK0Z1MQGfBEfED5fdDovTZATBmxFHPU5nMWY1Eo82rDZ2AGqeh1W8Ukk-5VeMp56RXhLPQeEpMC54/s400/Screenshot+from+2016-06-24+14%253A49%253A41.png" title="Belajar HTML dan Menjalankannya Secara Online" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Yang terakhir ada dari sebuah situs penyedia layanan pembelajaran online secara gratis, TutorialsPoint, didalamnya tidak hanya bisa menjalankan HTML saja, tapi banyak sekali Bahasa Pemrograman yang bisa di jalankan seperti, PHP, MySQL, Java, Perl, dan lain sebagainya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah, itulah beberapa Online HTML editor yang bisa mempermudah kita dalam menjalankan atau mencoba menjalankan file HTML, semoga bermanfaat untuk anda yang masih belajar.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekian dan Terima Kasih.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wassalamualaikum Wr. Wb.</div>

Belajar HTML dan Menjalankannya Secara Online

Assalamualaikum Wr. Wb. Belajar HTML dan Menjalankannya Secara Online | Pada kesempatan kali ini saya akan berbagi sedikit untuk mempermudah kita dalam belajar Pemrograman Web khususnya HTML, mungkin …

Baca selengkapnya »

24 Jun 2016

HTML Dasar: Bermain Dengan Paragraf

Assalamualaikum Wr. Wb.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgYJDpALxKUP_88fsfYpND_vqBwed4SLJNX0PtPTlNsKIU71EbitaYuF7iYPUjuexRH4FeCax07EiAe20xZgdaxE44yrJkO_pKnXDYJZhVFQ6nrkfBQUZ2cpDmgHtfyqMiJSWTNGY5yc/s1600/g.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmgYJDpALxKUP_88fsfYpND_vqBwed4SLJNX0PtPTlNsKIU71EbitaYuF7iYPUjuexRH4FeCax07EiAe20xZgdaxE44yrJkO_pKnXDYJZhVFQ6nrkfBQUZ2cpDmgHtfyqMiJSWTNGY5yc/s320/g.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
<b>HTML Dasar: Bermain Dengan Paragraf</b> | Setelah lama tak berjumpa, kali ini saya akan berbagi sedikit ilmu tentang Web Programming <i><a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a></i> karena beberapa request dari teman-teman yang baru memulai belajar tentang Web Programming, setelah sebelumnya saya pernah posting tentang <a href="http://ppi-tuts.blogspot.co.id/2015/08/html-dasar-part-1.html" target="_blank">HTML dasar</a>, kali ini adalah lanjutan dari artikel tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama, apa sih yang di maksud dengan paragraf ? Paragraf adalah merupakan suatu kumpulan suatu kesatuan pikiran yang lebih tinggi serta lebih luas dari pada kalimat. Atau definisi paragraf adalah bagian yang berasal dari suatu karangan yang terdiri dari sejumlah kalimat, yang isinya mengungkapkan satuan informasi/kalimat dengan pikiran utama sebagai pengendaliannya dan juga pikiran penjelas sebagai pendukungnya. (<a href="http://www.pengertianku.net/2014/12/pengertian-paragraf-dan-jenisnya-secara-lengkap.html" rel="nofollow" target="_blank">Link</a>).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tetapi dalam dunia Web Programming, paragraf digunakan untuk memulai sebuah baris baru dalam penulisan text, atau digunakan untuk sebuah judul (heading) di suatu paragraf.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langsung saja kita mulai dengan tag yg pertama yaitu tag <p>...</p>, tag ini digunakan untuk membuat sebuah paragraf dengan ukuran huruf normal, dan setiap tag ini akan di batasi oleh break line</div>
<div style="text-align: justify;">
<br />
<span style="font-size: large;">Tag <p></span><br />
<br /></div>
<div style="text-align: justify;">
Contoh: </div>
<pre class="brush: html">Baris Pertama
Baris Kedua
<p>Baris Pertama</p><p>Baris Kedua</p></pre>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Maka Hasilnya akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyoWyoYOJ-yaH6pYVs5r4veGtQS5fdT2Crmezk21pXoVJthvoY62Yf03nkzcSajhzZ8K6MrPppmMgnfDY5BQBmWiCegdEbW355lPMHWoqkTD4tP8uwNPRtG_2k23R3Rjoy0vu7XcVp3iw/s1600/Screenshot+from+2016-06-23+12%253A37%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain Dengan Paragraf" border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyoWyoYOJ-yaH6pYVs5r4veGtQS5fdT2Crmezk21pXoVJthvoY62Yf03nkzcSajhzZ8K6MrPppmMgnfDY5BQBmWiCegdEbW355lPMHWoqkTD4tP8uwNPRtG_2k23R3Rjoy0vu7XcVp3iw/s400/Screenshot+from+2016-06-23+12%253A37%253A31.png" title="HTML Dasar: Bermain Dengan Paragraf" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Artinya adalah tag <p></p> Akan secara otomatis membuat paragraf baru, dan tanpa tag tersebut maka sebuah tulisan tidak akan menjadi paragraf.<br />
<br />
<span style="font-size: large;">Tag <h1> - <h6></span><br />
<br />
Selanjutnya kita akan membahas tag <h1> - <h6>, tag ini digunakan untuk membuat sebuah Heading, H berarti heading dan nomor menentukan ukuran heading tersebut.<br />
<br />
Contoh:
<br />
<br />
<pre class="brush: html"><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6></pre>
<br />
Maka Hasilnya akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9kORpwFKynus-09Rp7YG8JUd1XOKEsNzdwUBtsqUsCypHTxulIu1rKGCHDWCGeODmPVoTaziAP_47BhRC4i2OzLUFniDi7OZ9uqQ4ZHOjdIPuHLiaZMnRrpDihLXjKy57gV3B4TInfk/s1600/Screenshot+from+2016-06-23+12%253A46%253A02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain Dengan Paragraf" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9kORpwFKynus-09Rp7YG8JUd1XOKEsNzdwUBtsqUsCypHTxulIu1rKGCHDWCGeODmPVoTaziAP_47BhRC4i2OzLUFniDi7OZ9uqQ4ZHOjdIPuHLiaZMnRrpDihLXjKy57gV3B4TInfk/s400/Screenshot+from+2016-06-23+12%253A46%253A02.png" title="HTML Dasar: Bermain Dengan Paragraf" width="400" /></a></div>
<br />
Heading biasanya digunakan untuk sebuah judul atau awalan sebuah laman.<br />
<br />
Selanjutnya kita akan membahas tentang beberapa font styling<br />
<br /></div>
<pre class="brush: html"><strong>Strong</strong>
<em>Text<em><br>
<i>AAAA</i>
<b>BOLD</b></pre>
<br />
Maka Hasilnya akan seperti ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDGKpHPmZT3974KQb3FbJ6jKbXzLdjdKejIRmqr-_6LHPDLCmOXKmHdGovOWzjA5Pzjm6TT-8INgXqgn3l0H5lpRpLQlQwTmG4h8RxN24ru9AGuagdr44aND9lTEYZsukQjahX10a0-s/s1600/Screenshot+from+2016-06-23+12%253A53%253A25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="HTML Dasar: Bermain Dengan Paragraf" border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDGKpHPmZT3974KQb3FbJ6jKbXzLdjdKejIRmqr-_6LHPDLCmOXKmHdGovOWzjA5Pzjm6TT-8INgXqgn3l0H5lpRpLQlQwTmG4h8RxN24ru9AGuagdr44aND9lTEYZsukQjahX10a0-s/s400/Screenshot+from+2016-06-23+12%253A53%253A25.png" title="HTML Dasar: Bermain Dengan Paragraf" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<strong> Digunakan untuk menebalkan text sama seperti <b>, sedangkan <em> dan <i> digunakan untuk memiringkan text (Italic), dan <br> digunakan untuk membuat baris baru (Break Line)<br />
<br />
Sekian artikel kali ini, untuk semua kritik dan saran harap kirimkan ke Twitter dan Facebook kami atau bisa berkomentar di bawah.<br />
<br />
Terima Kasih atas kunjungannya.<br />
<br />
Wassalamualaikum Wr. Wb.

HTML Dasar: Bermain Dengan Paragraf

Assalamualaikum Wr. Wb. HTML Dasar: Bermain Dengan Paragraf | Setelah lama tak berjumpa, kali ini saya akan berbagi sedikit ilmu tentang Web Programming HTML karena beberapa request dari teman-teman y…

Baca selengkapnya »

23 Jun 2016

Load more posts

Download Aplikasi Text Editor Terbaru

HTML Dasar: Bermain dengan Table

Belajar HTML dan Menjalankannya Secara Online

HTML Dasar: Bermain Dengan Paragraf

Artikel Populer Minggu Ini

Kategori

Arsip