..:::TERIMAKASIH SUDAH MAMPIR::.. SELAMAT MENUNAIKAN IBADA PUASA RAMADHAN 1436 H, MOHON MAAF LAHIR DAN BATIN
Tampilkan postingan dengan label TUTORIAL HTML. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL HTML. Tampilkan semua postingan

Selasa, 22 April 2014

MENGENAL HEADING

Posted by Admin on 22.28 with No comments
MENGENAL HEADING 
Heading merupakan tag yang berfungsi untuk mengatur sebuah tulisan. Heading terdiri dari <h1></h1> yang merupakan ukuran terbesar dan <h6></h6> yang merupakan ukuran terkecil.

latihan_Lima.html

<html>
<head>

<title>Heading@kangade</title>
</head>

<body>
<pre>
<h1>ini Heading 1</h1>
<h2>ini Heading 2</h2>
<h3>ini Heading 3</h3>
<h4>ini Heading 4</h4>
<h5>ini Heading 5</h5>
<h6>ini Heading 6</h6>
</pre>
</body>
</html>

simpan dan kemudian jalankan perintah yang telah di buat tadi . semoga bermanfaat . !!!

MELIHAT EFEK ##___
dan 
###






Posted by Admin on 17.45 with No comments









MELIHAT EFEK <center></center> dan <pre></pre>



<center></venter>, tag ini berfungsi untuk mengaru letak suatu isi pada sebuah web agar menjadi ditengah, sesuai dengan artinya center = tengah , sedangkan <pre></pre> berfungsi untuk mengatur isi web sesuai dengan apa yang ditulis pada text editor. untuk lebih jelasnya, perhatikan contoh berikut :



latihan_empat.html 



1.<html>

2.<head>

3.<title>center & pre</title>

4.</head>

5.<body>

6.<center>

7.efek dari Center

8.Nama Saya Kang Ade Km85

9.Web Disgn

10.</center>

11.

12.<pre>

13.efek dari pre

14.Nama Saya Kang Ade Km85

15.Web Disgn

16.</pre>

17.</body>

18</html>



jika sudah , makan jalankan sintaks tersebut , dan hasilnya adalah sebagai berikut :






















            

          

          

        

Senin, 21 April 2014


          

        









MENGENAL LIST DASAR PADA HTML 






Posted by Admin on 18.25 with No comments











LIST 





1. <ol></ol> 



Berfungsi untuk membuat list yang berurutan dan beraturan . 







2. <ul></ul> 



Berfungsi untuk membuat lis yang tidak beraturan. 







3. Tabel 



<table></table> 



Berfungsi untuk mengatur semua elemen tabel 







<tr>/</tr> 



Berfungsi membuat baris baru 







<td></td> 



Berfungsi membuat kolom 







<th></th> 



Berfungsi Header (kepala tabel). Otomatis di tengah dan tabel 







4. Form 



<form></form> 



Berfungsi untuk mengatur elemen dari form Atribut yang di dapat di gunakan : Method, Action, name, enctype







<input type=""/> 



Berfungsi untuk membuat form text, password, hidden, radio, checkbox, submit,reset 



Atribut yang dapat digunakan : name,id,class,value







<select> 



<option></option> 



</select> 



Berfungsi untuk membuat sebuah combo box, Atribut yang dapat di gunakan : name,id,class,value 







Demikian Penjelasan singkat dari Admin, Perhal penggunaan list pada HTML, kurang lebihnya admin mohon maaf , 



Terima kasih , !!! 
























MENGENAL Tag Dasar HTML 






Posted by Admin on 18.18 with No comments













kang ade Km85@2014 





Tag Dasar HTML 





1. <b></b> 



tag tersebut berfungsi untuk menebalkan text (bold). contoh cara penggunaan tag tersebut <b> ini text yang di tulis tebal</b> 







2. <i></i> 



tag tersebut berfungsi untuk membuat miring text (italic). contoh cara penggunaan tag tersebut <i>ini text yang ditulis miring</i> 







3. <u></u> 



tag tersebut berfungsi untuk membuat garis bawah pada text (underline). contoh cara penggunaan tag tersebut <u>ini text yang diberi garis bawah</u> 







4. <pre></pre> 



tag tersebut berfungsi untuk mengatur tulisan sesuai yang dibuat di text editor. 







5. <h1></h1> sampai <h6></h6> 



tag tersebut berfungsi untuk mengatur ukuran tulisan lebih besar atau lebih kecil dibandingkan tulisan yang lain. 







6.<sub></sub> 



tag tersebut berfungsi untuk membuat tulisan lebih condong di bawah tulisan yang lain. pada program Ms office <sub> di sebut dengan Subscript 







7. <sup></sup> 



tag tersebut berfungsi untuk membuat tulisan lebih condong di atas tulisan yang lain. 



pada program Ms office <sup> disebut dengan Superscript 







8. <font></font> 



tag tersebut berfungsi untuk mengatur tulisan, baik ukuran, warna dan bentuk tulisan tersebut. Atribut dari font yang umu di gunakan yaitu size,color, dan face, 







9. <a> </a> 



tag tersebut berfungsi untuk membuat link ke halaman atau situ lain. Atribut dari Link yang umum digunakan adalah href, Target, Style, class, name , dan id 







10. <img/> 



tag tersebut berfungsi untuk menampilkan sebuah gambar. Atribut dari Image yang umum di gunakan scr, alt, name, border, height, width. 







11. <hr/> 



tag tersebut berfungsi untuk memberikan garis Horizontal 







12. <br/> 



tag tersebut berfungsi untuk mengawali baris baru. 







13. <center></center> 



tag tersebut berfungsi untuk membuat posisi menjadi di tengah 







14. <p></p> 



tag tersebut berfungsi untuk membuat paragraph.Atribut yang biasa digunakan adalah align. 







Demikianlah penjelasan dari admin, Tentang Tag Dasar HTML, kurang lebihnya Mohon di maafkan semoga bermanfaat 
























MENGATUR FACE,SIZE,COLOR DAN FONT 






Posted by Admin on 17.35 with No comments









MENGATUR FACE,SIZE,COLOR DAN FONT 



Terkadang ada bentuk, warna, dan ukuran pada sebuah tulisan itu menambahkan suatu nilai plus pada sebuah website, Oleh karena itu, kita perlu memperhatikan tulisan tersebut agar mudah terbaca dan enak di pandang oleh pengunjung website kita.



kali ini admin akan menjelaskan penggunaan sintaks <font></font> beserta atributnya. perhatikan contoh berikut ;



LATIHAN_TIGA.html



<html>

<head>

<title>Mengatur Font</title>

</head>



<body>

<font face="calibri" size="+2">Ini Font yang facenya calibri yang ukurannya +2</font>

<br/>

<font face="calibri" size="+2" color="red">ini font yang facenya calibri yang warnanya merah</font>

</body>

</html>



kode diatas akan menghasilkan tampilan seperti berikut :




































HTML ITALIC,BOLD DAN UNDERLINE






Posted by Admin on 17.27 with No comments









ITALIC , BOLD DAN UNDERLINE 



Jika pada aplikasi office kita sering mendengar istilah italic,bold,underline. Maka pada website pun istilah tersebut ada, dan fungsinya sama dengan apa yang ada pada Office , berikut codenya :



LATIHAN_DUA.html



<html>

<head>

<title>Italic,Bold,Underline</title>

</head>

<body>

<i>Ini Miring</i>

<br/>

<b>Ini Tebal</b>

</br>

<u>Ini Garis Bawah</u>

<br/>

</body>

</html>



setelah itu double click saja file yang telah di buat , code diatas menghasilan tampilan sebagai berikut






























HTML PERTAMA 






Posted by Admin on 00.47 with No comments










MENGENAL DAN MENGUASAI STRUKTUR HTML 











STRUKTUR HTML 







Sebagaian beser kode HTML harus terletak diantara tag kontainer, yaitu di awali dengan <namatag> dan diakhiri dengan </namatag>. jika ada yang tidak memilik pasangan tag biasanya langsung di tulis dengan <namatag/> 







berikut adalah contoh tag dasar HTML 







1. Elemen <html></html> berfungsi untuk mengawali dan mengakhiri sintaks html. 



2. Elemen <head></head> berfungsi untuk meberikan informasi atau mendeklarasikan dokumen tersebut. 



3. Elemen <tittle></title> bersungsi untuk memberikan judul pada sebuah halaman website yang akan dibuat.



4. Elemen <body></body> berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada 



    browser. 







mari kita mencoba membuat sebuah halaman HTML dengan langkah sebagai berikut : 







1. Buka lembar kerja seperti Program Note++.



2. Buat folder terlebih dahulu untuk menyimpan file-file kerja yang nantinya akan kita buat,, buat folder       



    tersebut dengan nama folder BAB I , kemudian simpan di dekstop.







setelah itu , jalankan tekx editor dan buat sintaks seperti ini : 







1.<html>



2.<head> 



3.<title>Halaman Pertamaku</title>

4.</head>

5.

6.<body>

7.hello ini web pertama saya

8.</body>

9.</html> 









setelah mengetikan kode seperti diatas, save fil tersebut di folder kerja yang tadi telah dibuat dengan nama file latihan_pertamaku.html (jangan lupa dengan extension .html karena kita membuat halaman html)



kemudian jalankan file tersebut dengan cara double click file tersebut atau dengan cara klik kanan kemudian pilih open. hasilnya adalah sebagai berikut 




























        

      












Langganan:
Postingan (Atom)