This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Showing posts with label Belajar Web Development. Show all posts
Showing posts with label Belajar Web Development. Show all posts

Tuesday, December 18, 2012

5 Bagian Utama Template Bloger

 Buat Sobat yang Hobi Bloging,Pasti sering nih otak-atik design blognya supaya lebih keren dll.Tapi terkadang kita masih merasa kesulitan pada saat  ingin mengedit template,walaupun sudah banyak tutorial-tutorial yang ditulis.
Nah..., untuk mengatasi masalah diatas, sebaiknya kita mengetahui dan memahami terlebih dahulu 5 Bagian utama yang ada pada Template blogger.


OK, langsung saja...
Dibawah ini adalah 5 Bagian utama berikut contoh yang ada pada Template blogger :

1. XML declarations 
XMl atau eXtensible Markup Language adalah deklarasi standar header yang mendefinisikan versi XML. XML declarations terletak pada bagian paling atas yang bentuknya seperti berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

2. HEAD, TITLE dan META TAG
Elemen head merupakan wadah yang didalamnya terdapat elemen - elemen yang dapat menginstruksikan browser untuk menemukan script, style sheet atau CSS, title, informasi meta data yang di dalamnya termasuk meta tag description dan meta tag keywords, dll.
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='N4RVxgZiRiM2VUDOtv5yhKWJn628E3qhZqOcUNnfqus' name='google-site-verification'/>
<META content='c2ad550e993554a3' name='y_key'></META>
<!-- 0cUQtmDWaVCyDtpxS4TBa8B64Iw -->
<meta content='0cUQtmDWaVCyDtpxS4TBa8B64Iw' name='alexaVerifyID'/>
<title>Cara buat web | Cara buat blog | Tutorial Blogger</title>
<meta content='web,web gratis,website,website gratis,situs,situs gratis,situs website.situs web.blog,blogger,blogspot,buat blog,tutorial blog,tutorial blogger,tutorial,tutorial gratis,tutorial blogspot,tutorial blogger blogspot,tutorial blogger blog,tips blogger,widget blog,widget blogger,widget blogspot,templates blogger blogspot,theme blogger,html,css,javascript,jquery,peluang usaha,peluang,bisnis online,0cUQtmDWaVCyDtpxS4TBa8B64Iw' name='keywords'/>
<meta content='Belajar cara buat web disini menggunakan blogspot dari blogger, selain gratis juga lebih interaktif dengan pengunjung. Ada form chat box untuk berdiskusi tentang tips, trik, tutorial blog, blogspot, blogger, Css, Html, javascript dll. ' name='description'/>
<meta content='Noer Cholis' name='author'/>
<meta content='Noer Cholis' name='ownership'/>
<meta content='all,follow' name='robots'/>
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='Indosesia' name='Language'/>
<meta content='Global' name='Distribution'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='4 Days' name='Revisit-after'/>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<meta content='width=1100' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

3.Variable Definitions
Variable Definitions diperlukan sebagai klasifikasi atau untuk menentukan nilai, warna, dari beberapa atribut yang dianggap sama.
<b:skin><![CDATA[/*


/* Variable definitions
  ====================
  <Variable name="bgcolor" description="Page Background Color"
  type="color" default="#dd9" value="#CAF99B">
  <Variable name="textcolor" description="Text Color"
  type="color" default="#333" value="#333333">
  <Variable name="linkcolor" description="Link Color"
  type="color" default="#684" value="#0066CC">
  <Variable name="pagetitlecolor" description="Blog Title Color"
  type="color" default="#874" value="#000000">
  .............................

4. CSS (Cascading Style Sheet)
CSS atau Cascading Style Sheet adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.
body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Header
-----------------------------------------------
 */

...............

/* Footer
----------------------------------------------- */
#footer {
  width:950px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
  margin-left: 0px;
  margin-right: 0px;
}
]]></b:skin>
  </head>

5.Body
Tag yang mendefinisikan tubuh dokumen, yaitu seluruh unsur berisi semua isi dari sebuah dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll.
<body>
  <div id='outer-wrapper'><div id='wrap2'>

  <!-- skip links for text browsers -->
  <span id='skiplinks' style='display:none;'>
  <a href='#main'>skip to main </a> |
  <a href='#sidebar'>skip to sidebar</a>
  </span>

  <div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Cara Buat Web Gratis' type='Header'/>
<b:widget id='HTML17' locked='false' title='' type='HTML'/>
<b:widget id='HTML19' locked='false' title='' type='HTML'/>
</b:section>
  </div>

  <div id='content-wrapper'>

  <div class='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Recent Post' type='HTML'/>
<b:widget id='LinkList2' locked='false' title='Arsip' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>

  <div id='main-wrapper'>
  <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
<b:widget id='HTML20' locked='false' title='Search ' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
  </div>

  <div class='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
</b:section>
  </div>

  <!-- spacer for skins that want sidebar and main to be the same height-->
  <div class='clear'>&#160;</div>

  </div> <!-- end content-wrapper -->

  <div id='footer-wrapper'>
  <b:section class='footer' id='footer'>
<b:widget id='HTML21' locked='false' title='' type='HTML'/>
<b:widget id='HTML12' locked='false' title='Feed Directories' type='HTML'/>
</b:section>
  </div>

  </div></div> <!-- end outer-wrapper -->

<script type='text/javascript'>
var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);
document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker(&quot;UA-8271964-1&quot;);
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>

Jadi dari keseluruhan penjelasan dan contoh isi dari setiap bagian, dapat disimpulkan sebagai berikut :
<html>
  XML (eXtensible Markup Language)

<head>
  Titel dan meta data
  Variable Definitions
  Script
  CSS (Cascading Style Sheet)
</head>

<body>
  Seluruh dokumen yang ditampilkan.
</body>

</html>

Dengan mengetahui 5 bagian utama yang berada pada template, maka pada saat kita akan mengedit template, tentu kita tidak akan kesulitan lagi. Sebab kita sudah tahu bagian - bagian yang mana yang akan kita edit.

Semoga bermanfaat....

Sunday, February 12, 2012

CSS Background


Fitur dari css Background berfungsi untuk memberi efek latar belakang suatu elemen. Beberapa properti dan kelebihan dari fitur ini diantaranya kita bisa memberi efek latar belakang seperti; Latar belakang warna, Latar belakang gambar, mengulang Latar belakang gambar secara vertikal maupun horisontal, Mengatur posisi Latar belakang gambar.
Dengan fitur css ini, kita bisa gunakan untuk membuat sebuah web atau sekedar untuk memberi efek Background pada postingan artikel pada blog.



OK..., mari kita lihat contohnya satu-persatu :


1. Latar belakang warna
<style type="text/css">
div.background-warna
{
border-style:solid;
border-color:#E6E6E6;
margin-left:auto;
margin-right:auto;
width:80%;
background-color:#E0E0B8;
text-align:left;
padding:10px;
}
</style>
<div class="background-warna">
<h2>JUDUL TEKS</h2>
Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang warna
</div>

Berikut hasilnya :

JUDUL TEKS

Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang warna

2. Latar belakang gambar
<style type="text/css">
div.background-gambar
{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaU5edmruDmEi_gibhTmB47QaXvmjVFWWcd33HxsyCil4aMkcmiQJI_wTkOxPe0g0z-XMItwEEoDnUwbM1j_qxlSjPpgu2oAQq1ezu4GoDm8u6a4FvttgwuQfjhOctf4of2FF0KB6AEAI/s1000/kertas.jpg');
text-align:left;
padding:10px;
}
</style>

<div class="background-gambar"><h1>JUDUL TEKS</h1>
Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang gambar
</div>


3. Mengulang Latar belakang gambar secara horisontal

<style type="text/css">
div.background-gambar-repeat-x
{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU0KuhLODCP-mV7FsiEbKipb359jJci75L8TOa7zV5pebPQfUGdYjl1NArIXv7HCMLXUrGZrVX7ezg62CiSWYMZLJKE4BwYZYsqOKn_uhogYDiffHwnk0SB2G33ghhj0SZNu6CxJ7omnif/s200/Background%2Bgambar.jpg');
background-repeat:repeat-x;
text-align:left;
padding:10px;
}
</style>

<div class="background-gambar-repeat-x">
<h1>JUDUL TEKS</h1>
Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang gambar yang diulang secara horisontal </div>


Berikut hasilnya :

Silahkan sobat bisa coba otak atik sesuai selera,karena masih banyak variasi yang bisa sobat buat.
Ok...., Semoga bermanfaat....

Penggunaan CSS


CSS atau Cascading Style Sheet adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. Dengan kata lain Css adalah merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.


Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.

Kini CSS sendiri sudah berkembang hingga CSS level 3, dan beberapa fitur dari CSS level 3 adalah berkaitan dengan perbatasan dan latar belakang.  Ini mencakup dan memperluas fungsionalitas dari CSS level 2 [CSS21], Yang dibangun pada CSS level 1 [CSS1]. Sedang Ekstensi utama dibandingkan dengan tingkat 2 adalah perbatasan yang terdiri dari gambar, kotak dengan beberapa latar belakang, kotak dengan sudut bulat dan kotak dengan bayangan.

Banyak fungsi dan fitur baru yang menarik dari CSS3. Beberapa browser berbasis WebKit, seperti Safari dan Chrome, dan Opera sudah mendukung Transisi CSS3 pada Mentransformasi CSS3. CSS3 ini memberikan kecepatan yang lebih cepat terlihat untuk halaman web dengan konten dinamis, dan bergulir lebih halus. Fungsi dan fitur dari CSS3, kini sudah banyak digunakan untuk membuat dan membangun beberapa bagian dari halaman web.

Berikut ini beberapa contoh penggunaan CSS, yang bisa kita gunakan untuk mengatur tampilan sebuah web :
- CSS Backgrounds
- CSS Teks
- CSS Font
- CSS Link
- CSS Daftar / list
- CSS Box Model
- CSS Border
- CSS Border Radius
- CSS Margin
- CSS Padding
- CSS Dimensi

Ok,,selamat membaca,semoga bermanfaat.

Mengenal Format Teks


Untuk membuat teks lebih fungsional dan lebih berfariasi, format teks termasuk yang sangat sering digunakan dalam penulisan artikel. Dengan menggunakan format teks kita dapat merubah bentuk atau ukuran teks.



Beberapa format teks yang sering digunakan yaitu :

Bold (Ketebalan), ditandai dengan tag awal <b> dan tag akhir </b>
Strong (Besar), ditandai dengan tag awal <strong> dan tag akhir </strong>
Italic (Kemiringan), ditandai dengan tag awal <i> dan tag akhir </i>
Small (sedang), ditandai dengan tag awal <small> dan tag akhir </small>
Under line (Garis bawah), ditandai dengan tag awal <u> dan tag akhir </u>
Strikethrough (Garis ditengah teks), ditandai dengan tag awal <strike> dan tag akhir</strike>

Perhatikan contoh :

<b> Bold (Ketebalan) </b>
<strong> Strong (Besar) </strong>
<i> Italic (Kemiringan) </i>
<small> Small (sedang) </small>
<u> Under line (Garis bawah) </u>
 <strike> Strikethrough (Garis ditengah teks) </strike>

Berikut hasilnya :
Bold (Ketebalan)
Strong (Besar)
Italic (Kemiringan)
Small (sedang)
Under line (Garis bawah)
Strikethrough (Garis ditengah teks)
code : HNGJJ4NWVWRW

Mudah kan...........?
OK....Selamat membaca artikel yang lain dan semoga bermanfaat....

Penggunaan Spasi

Alow Sobat Blogger,kita lanjut nih dalam materi belajar web development.Materi kali ini mengenai penggunaan spasi.Saya yakin semua sudah tahu ya apa itu spasi dan apa kegunaannya. Dalam format html spasi ditandai dengan tag <br/> , atau biasa juga menggunakan tag <br/> untuk memberi jarak antara teks dengan teks dibawahnya, seperti pada saat membuat daftar. Tag ini juga sering saya gunakan untuk memisahkan tabel, gambar, dll.



Berikut contoh penggunaan spasi pada teks :

<h2>Nama-nama buah :</h2>
<p>
Mangga
<br/>
Rambutan
<br/>
Pepaya, dll
</p>

Berikut hasilnya :

Nama-nama buah :

Mangga


Rambutan


Pepaya, dll

Berikut yang tidak menggunakan tag <br/> :

Nama-nama buah :

Mangga
Rambutan
Pepaya, dll

Mudah kan...........?
OK....Selamat membaca artikel yang lain dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Friday, February 10, 2012

Membuat Garis


Menyisipkan sebuah garis memang kadang sangat diperlukan. Garis bisa disisipkan ditengah - tengah paragraf, biasanya digunakan sebagai penekanan suatu teks dalam sebuah paragraf . Tapi yang jelas garis bisa ditempatkan dimana saja, sesuai fungsi dan kebutuhannya.
Garis dalam penulisan html ditandai dengan tag <hr/>, dan tag <hr/> penulisannya tidak menggunakan tag pembuka.



Berikut contoh cara penulisan saat menyisipkan garis diantara paragraf :


<h1>HTML</h1>
<hr/>
<p>
Struktural yaitu sebuah tanda yang menentukan level atau tingkatan dari sebuah tulisan seperti tag <h1><h2><h2> dan seterusnya, tag ini menampilkan tulisan lebih tebal dan besar yang digunakan sebagai penulisan judul..
</p>
<hr/>
<p>
Presentational adalah tag yang menentukan tebal tipisnya tampilan dari sebuah tulisan yang sering kita lihat lihat sebagai tanda bold, tag ini berlaku untuk semua teks pada sebuah paragraf termasuk Heading atau judul. (contoh, <b>Teks Tebal</b>).
</p>
<hr/>

Berikut hasilnya :

HTML


Struktural yaitu sebuah tanda yang menentukan level atau tingkatan dari sebuah tulisan seperti tag dan seterusnya, tag ini menampilkan tulisan lebih tebal dan besar yang digunakan sebagai penulisan judul..


Presentational adalah tag yang menentukan tebal tipisnya tampilan dari sebuah tulisan yang sering kita lihat lihat sebagai tanda bold, tag ini berlaku untuk semua teks pada sebuah paragraf termasuk Heading atau judul. (contoh, Teks Tebal).


Mudah kan...........?
OK....Selamat membaca artikel yang lain dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Mengenal HTML Dasar

Bila sobat sudah membaca artikel mengenai Definisi HTML, kali ini kita akan belajar bersama mengenai keseluruhan tentang HTML secara bertahap.Tujuan dari sebuah web browser (seperti Internet Explorer atau Firefox)  adalah untuk membaca HTML dokumen tersimpan, dan mereka menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag HTML untuk menafsirkan isi halaman.

OK..., Mari terlebih dahulu kita mulai dari HTML  Dasar.  Untuk membuat halaman sebuah web, kita harus tahu dasar-dasar dari elemen HTML.






1. HTML HEADING atau JUDUL

Heading ditandai dengan tag <h1>. Tag <h1> adalah elemen HTML yang digunakan untuk menampilkan sebuah judul pada artikel atau dokumen data pada sebuah halaman web. HTML heading terdiri atas 6 tingkatan menurut ukuran besar dan kecilnya, yaitu dari Tag <h1> <h2> <h3> <h4> <h5> dan <h6>.  Dan Tag <h1> merupakan tag heading yang berukuran paling besar. Sedang tag <h2> dan seterusnya biasanya berfungsi sebagai elemen HTML yang digunakan untuk menampilkan sub-judul.

Lihat perbedaan penulisan dan hasil yang tampil pada halaman web :

<h1>Ini Judul 1</h1>
<h2>Ini Judul 2</h2>
<h3>Ini Judul 3</h3>
<h4>Ini Judul 4</h4>
<h5>Ini Judul 5</h5>
<h6>Ini Judul 6</h6>



Ini Judul 1
Ini Judul 2
Ini Judul 3
Ini Judul 4
Ini Judul 5
Ini Judul 6


2. HTML PARAGRAF
HTML Paragraf didefinisikan dengan tag <p>

<p>Disini Paragraf teks yang merupakan isi dari artikel</p>
Disini Paragraf teks yang merupakan isi dari artikel


3. HTML LINK
HTML Link didefinisikan dengan tag <a>

<a href="http://www.kimzaqi.blogspot.com/"> KLIK DISINI </a>



KLIK DISINI


4. HTML  GAMBAR
HTML  Gambar didefinisikan dengan tag <img>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3A1eTcGOcYw4uKgOpuDZQkXQEXMGxeXkdDUEDVgaxb7HWOu8DhyeHMc17SPL2H-IK0cB6gzp9r6roNiL2o1lFU3nYEYxgT3VCZxtqvP2tCLH3D6LG67KtdZFZZanfZDFpIVbhWr8dJek3/s104/DASAR.jpg" width="104" height="142" />




Nah...., mudah kan?
Silahkan Sobat mencoba dan mengexplore sendiri.... semoga bermanfaat.

Apa Itu HTML ?

HTML singkatan dari HyperText Markup Language adalah sebuah bahasa markup yang dalam bahasa Indonesia disebut Bahasa markah yaitu kombinasi antara teks dan informasi mengenai struktur dan presentasi teks. Dalam penggunaan modern Bahasa markah adalah HTML (HyperText Markup Language).



HTML digunakan untuk membuat sebuah halaman web yang menghasilkan tampilan atau wujud yang terintegerasi seperti seperti texs, grafik, animasi, hyperlink maupun audio-video. Untuk menuliskan kode-kode HTML anda bisa menggunakan Texs Editor misalnya Notepad, Word Pad, Microsoft Word dll.

Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti Tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: "<", ">" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "<...>"dan diakhiri dengan tag penutup "</...>". Kemudian di dalam tag tersebut terdapat Elemen HTML seperti html, head, title,body dll. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.

Secara garis besar, terdapat 4 jenis elemen dari HTML:
1. structural
Yaitu sebuah tanda yang menentukan level atau tingkatan dari sebuah tulisan seperti tag <h1><h2><h2> dan seterusnya, tag ini menampilkan tulisan lebih tebal dan besar yang digunakan sebagai penulisan judul.

2. presentational
Adalah tag yang menentukan tebal tipisnya tampilan dari sebuah tulisan yang sering kita lihat lihat sebagai tanda bold, tag ini berlaku untuk semua teks pada sebuah paragraf termasuk Heading atau judul. (contoh, <b>Teks Tebal</b>).

3. hypertext
Yaitu Tag <a>, sebuah tanda yang menunjukkan sebuah Link yang mengarahkan ke bagian dari dokumen tersebut atau Link yang mengarahkan ke bagian kedokumen yang lain.

4. Elemen widget
Sebuah tag yang berfungsi untuk membuat objek-objek seperti tombol ditandai dengan tag <button>), list ditandai dengan tag <li>, dan garis horizontal ditandai dengan tag <hr>. Dan hypertext pada HTML memungkinkan kita untuk membuat atau memberi sebuah link pada suatu kelompok kata atau frase untuk mengarahkan kedokumen atau halaman web manapun.


Jadi dari keseluruhan tadi dapat saya simpulkan menjadi sebagai berikut :

*   Definisi :
HTML adalah bahasa untuk mendeskripsikan halaman web :
    * HTML singkatan dari Hyper Text Markup Language
    * HTML bukan bahasa pemrograman, ini adalah bahasa markup
    * Sebuah bahasa markup adalah serangkaian tag markup
    * HTML menggunakan tag markup untuk menjelaskan halaman web

* Tag HTML
Tag markup HTML biasanya disebut tag HTML :
    * HTML tag kata kunci yang dikelilingi oleh tanda kurung siku seperti <html>
    * Tag HTML biasanya datang dalam pasangan seperti <b> dan </ b>
    * Dalam pasangan Tag pertama adalah tag awal, tag kedua adalah tag akhir
    * Tag untuk Mulai dan akhir juga disebut tag pembuka dan tag penutup

* HTML  Dokumen
 HTML Dokumen atau bisa disebut halaman web :
    * HTML dokumen mendeskripsikan halaman web
    * HTML dokumen berisi tag HTML dan teks biasa
    * HTML dokumen juga disebut halaman web

Tujuan dari sebuah web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca HTML dokumen dan mereka menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag untuk menafsirkan isi halaman.

Contoh bentuk penulisan HTML sederhana :

<html>
  <head>
   
<h1>JUDUL POS</h1>
  </head>
  <body>
    <p>Paragraf Teks</p>
  </body>
</html>

Penjelasan contoh diatas adalah :
    * Kode html antara <html> dan </ html> menggambarkan halaman web
    * Kode html <body> dan </ body> adalah isi halaman yang terlihat
    * Kode html <h1> dan </ h1> cara penulisan Judul post
    * Kode html <p> dan </ p> cara penulisan sebuah paragraf teks ( isi post )

Okey,,Cukup Sekian Sob Semoga Bermanfaat